首頁 web前端 js教程 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

禁用拖拽动作。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

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

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1317
25
PHP教程
1268
29
C# 教程
1246
24
如何利用Layui實現可拖曳的資料視覺化儀錶板功能 如何利用Layui實現可拖曳的資料視覺化儀錶板功能 Oct 26, 2023 am 11:27 AM

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

如何利用Layui實現可拖曳的選項卡組件功能 如何利用Layui實現可拖曳的選項卡組件功能 Oct 26, 2023 pm 01:05 PM

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

如何利用Layui實現可拖曳的分頁功能 如何利用Layui實現可拖曳的分頁功能 Oct 25, 2023 pm 12:46 PM

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

如何使用 Vue 實作可拖曳的可視化編輯器? 如何使用 Vue 實作可拖曳的可視化編輯器? Jun 25, 2023 pm 08:22 PM

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

如何利用Layui實現可拖曳的樹狀選單功能 如何利用Layui實現可拖曳的樹狀選單功能 Oct 27, 2023 pm 06:51 PM

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

如何利用Layui實現可拖曳的拼圖遊戲功能 如何利用Layui實現可拖曳的拼圖遊戲功能 Oct 25, 2023 am 11:42 AM

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

如何利用Layui實現可拖曳的進度條功能 如何利用Layui實現可拖曳的進度條功能 Oct 24, 2023 am 11:47 AM

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

如何使用Layui開發一個支援可拖曳的儀錶板組件 如何使用Layui開發一個支援可拖曳的儀錶板組件 Oct 24, 2023 am 11:24 AM

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

See all articles