jQuery EasyUI Draggable拖动组件

(编辑：jimmy 日期: 2025/9/18 浏览：3 次 )

上文已经提到过了jQuery EasyUI插件引用一般我们常用的有两种方式（排除easyload加载方式），所以本篇要总结的Draggable组件同样有两种方式加载：

（1）、使用class加载方式：

<div id="box" class="easyui-draggable" style="width:400px;height:200px;background:red;">
内容部分
</div>

（2）、JS 加载调用

$('#box').draggable();

同样上文也说了，使用class属性不利于我们拓展组件的其他属性，所以我们使用JS调用的方式，后面的文章也是使用JS调用的方式。

该组件有若干属性、方法及触发事件，不在这里列举了，都放到代码示例里并且加上注释了。
示例：

<!DOCTYPE html> 
<html> 
<head> 
<title>jQuery Easy UI</title> 
<meta charset="UTF-8" /> 
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js">

点击下载源代码：jQuery EasyUI Draggable拖动组件
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：浅谈js for循环输出i为同一值的问题
下一篇：Angular.js之作用域scope'@','=','&'实例详解