jQuery UI插件sortable
2017-12-11 本文已影响0人
你说我的笑绽放在过去
拖曳排序插件的功能是将序列元素按任意位置进行拖曳从而形成一个新的元素序列，实现拖曳排序的功能，它的调用格式为：、
）按任意位置进行拖曳从而形成一个新的元素序列，实现拖曳排序的功能，它的调用格式为：
$(selector).sortable({options});
selector参数为进行拖曳排序的元素，options为调用方法时的配置对象，
例如，在页面中，通过加载sortable插件将<ul>元素中的各个<li>表项实现拖曳排序的功能.如下面代码所示
<body>
<div id="divtest:>
<div class='title">
<span class="fl">我最爱吃的水果</span>
</div>
<div class="content">
<ul>
<li>1.橘子</li>
<li>2.香蕉</li>
<li>3.葡萄</li>
<li>4.苹果</li>
<li>5西瓜</li>
</ul>
</div>
</div>
<script type="text/javascript">
$(function () {
$("ul").sortable({
delay:2,//为防止与点击事件冲突，延迟2秒
opacity:0.35//以透明度0.35随意拖动
})
});
</script>
</body>
由于使用sortable插件绑定了<ul>元素，并设置了拖曳时的透明度，因此，<ul>中的各个<li>元素则能指定的透明度进行任意的拖曳排序。
