jQuery EasyUI API 中文文档 - Draggable 可拖拽_jquery
用$.fn.draggable.defaults重写默认的defaults。
用法
$('#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 |
禁用拖拽动作。 |

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



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 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

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 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

Ü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 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

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 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
