jQuery EasyUI中拖拽事件的使用方法

  介绍

这篇文章主要介绍了jQuery EasyUI中拖拽事件的使用方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

jQueryEasyUI中的拖拽事件通过给它设置代理元素使其拖拽,可设置拖动元素相对于x。y轴拖动,可设置拖拽何时停止等效果

jQuery中的easyui是一个非常好用的插件,它虽然使用简单方便,但是它的功能确十分强大,今天将向大家介绍如何使用easyui插件实现基本的拖动和放置,有一定的参考价值,希望对大家有所帮助。

<强>【推荐课程:jQueryEasyUI教程】

 jQuery easyui中拖拽事件的使用方法

<强>可拖放(拖拽)

可拖放是easyui中用于实现拖拽功能的一个插件,通过它我们可以实现对控件的拖拽效果。

它具有以下属性值:

属性名含义

代理指拖动时要使用的代理元素,设置为克隆时,克隆元素将被用作代理,如果指定一个函数,它必须返回一个jQuery对象.revert是一个布尔值,设置为真时表示拖动结束后元素将返回它的开始位置。,(默认值为false)光标拖动时的css光标,默认值为movedeltaX指的是拖动的元素相对于当前光标的X轴的位置,默认值为nulldeltaY指的是拖动的元素相对于当前光标的y轴位置,默认值为nullhandle指启动可拖动元素的处理,默认值为nulldisabled是一个布尔值,如果设置为真,则停止可拖动,默认值为falseedge指能够在其中开始可拖动的拖动宽度,默认值为0轴指定义拖动元素可在其上移动的轴,可用的值是& # 39;v # 39;或& # 39;h # 39;,当设为null,将会沿着& # 39;v # 39;和& # 39;h # 39;的方向移动

<>强案例分析:

通过三个div元素来启用它们的拖动和放置

外部引用必须有的插件

& lt;链接rel=皊tylesheet"类型=拔谋?css"href=https://www.yisu.com/zixun/" D:/jquery-easyui-1.6.10/主题/违约/easyui.css ">