拖曳排序插件的功能是將序列元素按任意位置進(jìn)行拖曳從而形成一個新的元素序列,實(shí)現(xiàn)拖曳排序的功能葱椭,它的調(diào)用格式為:、
)按任意位置進(jìn)行拖曳從而形成一個新的元素序列廓鞠,實(shí)現(xiàn)拖曳排序的功能,它的調(diào)用格式為:
$(selector).sortable({options});
selector參數(shù)為進(jìn)行拖曳排序的元素谣旁,options為調(diào)用方法時的配置對象床佳,
例如,在頁面中榄审,通過加載sortable插件將<ul>元素中的各個<li>表項(xiàng)實(shí)現(xiàn)拖曳排序的功能.如下面代碼所示
<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,//為防止與點(diǎn)擊事件沖突砌们,延遲2秒
opacity:0.35//以透明度0.35隨意拖動
})
});
</script>
</body>
由于使用sortable插件綁定了<ul>元素,并設(shè)置了拖曳時的透明度搁进,因此浪感,<ul>中的各個<li>元素則能指定的透明度進(jìn)行任意的拖曳排序。