您的位置：首页 > Web前端 > JQuery

【JQuery UI】拖曳排序插件——sortable

2016-04-07 15:55 591 查看

通过例子很好理解的一个插件。

拖曳排序插件的功能是将序列元素（例如<option>、<li>）按任意位置进行拖曳从而形成一个新的元素序列，实现拖曳排序的功能。

它的调用格式为：

$(selector).sortable({options});

selector参数为进行拖曳排序的元素，options为调用方法时的配置对象，

例子：调用插件的sortable()方法，实现按指定的透明度进行拖曳排序的功能。

<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:1000,
opacity:0.35

})
});
</script>
</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航