拖曳排序插件的功能是将序列元素（例如<option>、<li>）按任意位置进行拖曳从而形成一个新的元素序列，实现拖曳排序的功能，它的调用格式为：
$(selector).sortable({options});
selector参数为进行拖曳排序的元素，options为调用方法时的配置对象，
例如，在页面中，通过加载sortable插件将<ul>元素中的各个<li>表项实现拖曳排序的功能，如下图所示：
在浏览器中显示的效果：
从图中可以看出，由于使用sortable插件绑定了<ul>元素，并设置了拖曳时的透明度，因此，<ul>中的各个<li>元素则能指定的透明度进行任意的拖曳排序。
我来试试，亲自调用sortable插件对<ul>元素中的<li>表项进行拖曳排序。
在下列代码的第29、30行，调用插件的sortable()方法，实现按指定的透明度进行拖曳排序的功能。
sortable()方法的配置对象中添加“delay”属性，该属性表示拖曳后，延时放置的时间，通常设置为2秒，此属性可以防止点击时事件冲突。sortable()方法的配置对象中添加“opacity”属性，该属性表示拖曳元素时，元素本身的透明度值，此属性值时一个百分比小数。请验证，完成请求
由于请求次数过多，请先验证，完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报