版本：v1.0.619
更新：2011.06.19
下载：jQuery-wDragSort.rar(内含jquery-1.4.2.min.js)
来源：我不忙，分享 http://wobumang.com/FenXiang/JQuery/wDragSort
演示：【在线演示】
使用方法：
$(selector).wDragSort({
undrager:selector-disabled, //不允许拖动对象
start: function (selector, drager) { //开始事件
//do something
},
move: function (selector, drager, targeter, helper) { //移动事件
//do something
},
end: function (selector, drager) { //结束事件
//do something
}
}); 文档：
undrager: null //不允许拖动对象/选择器
start: function (selector, drager) { } //自定义事件：开始事件-> drager:被拖动对象
move: function (selector, drager, targeter, helper) { } //自定义事件-> 移动事件 drager:被拖动对象 targeter:目标对象 helper:助对象
end: function (selector, drager) { } //自定义事件：线束事件-> drager:被拖动对象
使用示例：
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jQuery-wDragSort.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("ul#wDragSort>li").wDragSort({
undrager: "ul#wDragSort>li.disabled", //不允许拖动对象
start: function (selector, drager) { //开始事件
//do something
},
move: function (selector, drager, targeter, helper) { //移动事件
//do something
},
end: function (selector, drager) { //结束事件
//do something
}
});
});
</script>
<body>
<ul id="wDragSort" class="wDragSort">
<li>1</li>
<li>2</li>
<li>3</li>
<li class="disabled">4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li class="disabled">8</li>
<li>9</li>
<li>10</li>
</ul>
</body>
3262
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
