jQuery UI 实例 - 排序（Sortable）

你需要在body中有一个列表

<ul id="sortable">
        <li>苹果</li>
        <li>橘子</li>
        <li>香蕉</li>
        <li>桃子</li>
 </ul>

你需要在js文件中写入如下代码

$(document).ready(function(){
    $("#sortable").sortable();
});

运行结果

你可以任意拖动一个水果，来实现与他上面或者是下面的水果，进行位置的互换

注：别忘记引入jQuery UI 文件和js文件