Heim Web-Frontend js-Tutorial jQuery EasyUI API 中文文档 - Draggable 可拖拽_jquery

jQuery EasyUI API 中文文档 - Draggable 可拖拽_jquery

May 16, 2016 pm 06:01 PM
可拖拽

用$.fn.draggable.defaults重写默认的defaults。
用法

复制代码 代码如下:


title



复制代码 代码如下:

$('#dd').draggable({
handle:'#title'
});

特性

名称

类型

说明

默认值

proxy

string,function

拖拽时要使用的代理元素,设置为'clone'时,克隆元素将被用作代理。如果指定一个函数,它必须返回一个jQuery对象。

null

revert

boolean

如果设为true,拖拽结束后元素将返回它的开始位置。

false

cursor

string

拖拽时的css光标(cursor)。

move

deltaX

number

拖拽的元素相对于当前光标的位置的X

null

deltaY

number

拖拽的元素相对于当前光标的位置的Y

null

handle

selector

启动draggable的处理(handle)。

null

disabled

boolean

设为true就停止draggable

false

edge

number

能够在其中开始draggable.的拖拽宽度。

0

axis

string

定义拖拽元素可在其上移动的轴,可用的值是'v''h',当设为null,将会沿着'v''h'的方向移动。

null

事件

名称

参数

说明

onBeforeDrag

e

拖拽前触发,返回false就取消拖拽。

onStartDrag

e

目标对象开始拖拽时触发。

onDrag

e

拖拽期间触发。返回false将不做真正的拖拽。

onStopDrag

e

拖拽停止时触发。

方法

名称

参数

描述

options

none

返回选项(options)属性(property)。

proxy

none

如果设置了代理(proxy)属性就返回代理(proxy)。

enable

none

启用拖拽动作。.

disable

none

禁用拖拽动作。

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So implementieren Sie mit Layui die Dashboard-Funktion zur Drag-and-Drop-Datenvisualisierung So implementieren Sie mit Layui die Dashboard-Funktion zur Drag-and-Drop-Datenvisualisierung Oct 26, 2023 am 11:27 AM

So implementieren Sie mit Layui die Dashboard-Funktion zur Datenvisualisierung per Drag-and-Drop. Einführung: Datenvisualisierung wird im modernen Leben zunehmend verwendet, und die Entwicklung von Dashboards ist ein wichtiger Teil davon. In diesem Artikel wird hauptsächlich die Verwendung des Layui-Frameworks zum Implementieren einer Drag-and-Drop-Dashboard-Funktion zur Datenvisualisierung vorgestellt, mit der Benutzer ihre eigenen Datenanzeigemodule flexibel anpassen können. 1. Vorbereitung zum Herunterladen des Layui-Frameworks Zuerst müssen wir das Layui-Framework herunterladen und konfigurieren. Sie können es auf der offiziellen Website von Layui herunterladen (https://www

So verwenden Sie Layui, um die Funktionalität ziehbarer Tab-Komponenten zu implementieren So verwenden Sie Layui, um die Funktionalität ziehbarer Tab-Komponenten zu implementieren Oct 26, 2023 pm 01:05 PM

So implementieren Sie mit Layui die Funktion der ziehbaren Registerkartenkomponente. Layui ist ein leichtes Front-End-UI-Framework, das umfangreiche Komponenten und praktische APIs bereitstellt und so die Front-End-Entwicklung einfacher und effizienter macht. Unter diesen ist die Tab-Komponente eine der am häufigsten verwendeten Funktionen in Layui. In der tatsächlichen Entwicklung müssen wir häufig Tabs per Drag-and-Drop sortieren oder per Drag-and-Drop verschieben, um sie zu transponieren. In diesem Artikel wird anhand von Beispielen vorgestellt, wie Sie mit Layui die Funktion der ziehbaren Tab-Komponente implementieren. Zuerst müssen wir den Zusammenhang mit Layui vorstellen

Wie implementiert man mit Vue einen visuellen Drag-and-Drop-Editor? Wie implementiert man mit Vue einen visuellen Drag-and-Drop-Editor? Jun 25, 2023 pm 08:22 PM

Vue ist ein modernes JavaScript-Framework, das einen umfangreichen Satz an Komponenten, Anweisungen, Lebenszyklus-Hooks und anderen Funktionen bereitstellen kann. Außerdem bietet es einige praktische APIs für die Implementierung von Drag-and-Drop-Interaktionen. In diesem Artikel stellen wir vor, wie Sie mit Vue2.x einen visuellen Drag-and-Drop-Editor implementieren, um Webentwicklern die schnelle Implementierung entsprechender Funktionen in ihren Projekten zu erleichtern. Komponentenstruktur Zuerst müssen wir die Komponentenstruktur des visuellen Editors aufteilen, die normalerweise aus Folgendem besteht

So implementieren Sie mit Layui eine ziehbare Paging-Funktion So implementieren Sie mit Layui eine ziehbare Paging-Funktion Oct 25, 2023 pm 12:46 PM

So implementieren Sie mit Layui eine ziehbare Paging-Funktion Einführung: In der Webentwicklung ist die Paging-Funktion eine der häufigsten Anforderungen. Layui ist ein leichtes Front-End-UI-Framework, das eine Fülle von Komponenten und Funktionen bereitstellt, die unsere Entwicklungsarbeit erheblich vereinfachen können. In diesem Artikel stellen wir vor, wie Sie Layui zum Implementieren der Drag-and-Drop-Paging-Funktion verwenden, und stellen spezifische Codebeispiele als Referenz bereit. 1. Grundlegende Verwendung von Layui Bevor Sie beginnen, müssen Sie zunächst einige grundlegende Verwendungsmethoden von Layui verstehen. Layui-Kern

So implementieren Sie mit Layui die Funktion eines ziehbaren Baummenüs So implementieren Sie mit Layui die Funktion eines ziehbaren Baummenüs Oct 27, 2023 pm 06:51 PM

Überblick über die Verwendung von Layui zum Implementieren eines ziehbaren Baummenüs: Layui ist ein einfaches und benutzerfreundliches Front-End-Framework, das eine Fülle von Komponenten und Plug-Ins bereitstellt, um Entwicklern das schnelle Erstellen von Seiten zu erleichtern. In diesem Artikel wird erläutert, wie Sie mit Layui eine ziehbare Baummenüfunktion implementieren. Wir werden die von Layui bereitgestellte Baumkomponente verwenden und sie mit einem Drag-and-Drop-Plugin erweitern, um die Drag-and-Drop-Sortierfunktion des Baummenüs zu implementieren. Einführung verwandter Ressourcen Zunächst müssen wir die relevanten Ressourcendateien von Layui vorstellen, einschließlich der Layui-Framework-Datei

So implementieren Sie mit Layui eine ziehbare Fortschrittsbalkenfunktion So implementieren Sie mit Layui eine ziehbare Fortschrittsbalkenfunktion Oct 24, 2023 am 11:47 AM

So verwenden Sie Layui zum Implementieren der ziehbaren Fortschrittsbalkenfunktion. Layui ist ein Front-End-Framework, das HTML5 und CSS3 verwendet. Es ist einfach zu verwenden und zu erweitern und wird häufig in verschiedenen Webentwicklungsprojekten verwendet. Bei der Verwendung von Layui müssen wir manchmal bestimmte interaktive Funktionen implementieren, z. B. einen ziehbaren Fortschrittsbalken. In diesem Artikel wird erläutert, wie Sie Layui zum Implementieren dieser Funktion verwenden, und es werden spezifische Codebeispiele bereitgestellt. Zuerst müssen wir die relevanten Ressourcendateien von Layui vorstellen. per Online-Link

Wie implementiert man ein ziehbares Layout in Vue? Wie implementiert man ein ziehbares Layout in Vue? Jun 25, 2023 am 08:48 AM

Mit der kontinuierlichen Weiterentwicklung der Web-Frontend-Technologie beginnen immer mehr Entwickler, die SPA-Architektur (Single Page Application) zum Erstellen von Anwendungen zu verwenden. Als eines der derzeit beliebtesten Web-Frontend-Frameworks bietet Vue eine umfangreiche Komponentenbibliothek und Tools, die die Erstellung von SPA-Anwendungen erleichtern. Vue bietet auch einige praktische Lösungen für die Implementierung ziehbarer Layouts. 1. Verwenden Sie Vue-Grid-LayoutVue-Grid-Layout ist ein

So implementieren Sie mit Layui die Funktion eines ziehbaren Puzzles So implementieren Sie mit Layui die Funktion eines ziehbaren Puzzles Oct 25, 2023 am 11:42 AM

So verwenden Sie Layui, um die Funktionalität von ziehbaren Puzzles zu implementieren. Puzzles sind eine klassische Unterhaltungsaktivität, und viele Web- und Mobilanwendungen bieten mittlerweile Versionen dieses Spiels an. In diesem Artikel stellen wir vor, wie Sie mit dem Layui-Framework eine Drag-and-Drop-Puzzle-Funktion implementieren und stellen spezifische Codebeispiele bereit. Layui ist ein leichtes Front-End-Framework, das eine Reihe vereinfachter Schnittstellenkomponenten und umfangreiche interaktive Animationseffekte bietet. Mit dem Layui-Framework können Sie schnell schöne und benutzerfreundliche Webanwendungen entwickeln. Wir kämpfen um etwas zu erreichen

See all articles