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 |
禁用拖拽动作。 |

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

如何利用Layui實現可拖曳的資料視覺化儀錶板功能導語:資料視覺化在現代生活中的應用越來越廣泛,而儀表板的開發是其中重要的一環。本文主要介紹如何利用Layui框架實作一個可拖曳的資料視覺化儀錶板功能,讓使用者能夠靈活自訂自己的資料展示模組。一、前期準備下載Layui框架首先,我們需要下載並設定Layui框架。你可以在Layui的官方網站(https://www

如何利用Layui實現可拖曳的選項卡元件功能Layui是一款輕量級的前端UI框架,提供了豐富的元件和便利的API,使得前端開發更加簡單高效。其中,選項卡組件是Layui中常用的功能之一。在實際開發中,我們經常會遇到需要對選項卡進行拖曳排序或拖曳換位的需求。本文將以實例的形式介紹如何利用Layui實作可拖曳的選項卡元件功能。首先,我們需要引入Layui的相關

如何利用Layui實作可拖曳的分頁功能引言:在網頁開發中,分頁功能是非常常見的需求之一。而Layui是一款輕量級的前端UI框架,其提供了豐富的元件和功能,可以大大簡化我們的開發工作。在本文中,將介紹如何利用Layui實作可拖曳的分頁功能,並提供具體的程式碼範例供參考。一、Layui的基本使用在開始之前,首先需要了解一些Layui的基本使用方法。 Layui的核

Vue是一款現代化的JavaScript框架,在實作視覺化編輯器時,它能夠提供豐富的元件、指令和生命週期鉤子等功能,同時對於拖曳互動的實作也提供了一些方便的API。在本文中,我們將介紹如何使用Vue2.x實現一款可拖曳的視覺化編輯器,以方便Web開發者在專案中快速實現對應的功能。組件結構首先,我們需要拆分可視化編輯器的組件結構,它通常由以下

如何利用Layui實現可拖曳的樹形選單功能概述:Layui是一款簡單易用的前端框架,提供了豐富的元件和插件,方便開發者快速建立頁面。本文將介紹如何利用Layui實作一個可拖曳的樹狀選單功能。我們將使用Layui提供的tree組件,並結合拖曳插件進行擴展,以實現樹狀選單的拖曳排序功能。在引入相關資源首先,我們需要引入Layui的相關資源文件,包括Layui框架文

如何利用Layui實現可拖曳的拼圖遊戲功能拼圖遊戲是一種經典的娛樂活動,現在許多網頁和行動應用程式都提供了這種遊戲的版本。在本文中,我們將介紹如何使用Layui框架實現一個可拖曳的拼圖遊戲功能,並提供具體的程式碼範例。 Layui是一個輕量級的前端框架,提供了一套簡化的介面元件和豐富的互動動畫效果。使用Layui框架可以快速發展出美觀、易用的網頁應用程式。在實現拼

如何利用Layui實現可拖曳的進度條功能Layui是一款採用HTML5和CSS3的前端框架,具有簡單易用、便於擴充的特點,被廣泛應用於各類Web開發專案中。在使用Layui的過程中,有時我們需要實作一些特定的互動功能,例如可拖曳的進度條。本文將介紹如何利用Layui實現這項功能,並提供具體的程式碼範例。首先,我們需要引入Layui的相關資源檔案。可以透過線上鏈

如何使用Layui開發一個支援可拖曳的儀錶板組件引言:隨著互聯網的發展,Web應用的需求日益複雜多樣化。在許多Web應用中,儀錶板是一個常見且重要的元件,用於展示各種數據和指標,輔助用戶進行決策和分析。本文將介紹如何使用Layui框架來開發一個支援可拖曳的儀錶板組件,以提升使用者的操作體驗。技術背景:Layui是一套輕量級的前端開發框架,提供了豐富的UI元件和
