阅读量:0
当然,以下是一个简单的示例代码,演示如何使用 jQuery UI 的 Sortable 插件:
HTML 代码:
<ul id="sortable"> <li class="ui-state-default">Item 1</li> <li class="ui-state-default">Item 2</li> <li class="ui-state-default">Item 3</li> <li class="ui-state-default">Item 4</li> <li class="ui-state-default">Item 5</li> </ul>
JavaScript 代码:
$(function() { $("#sortable").sortable({ stop: function(event, ui) { console.log("停止拖动"); } }); });
上述代码中,我们首先在 HTML 中定义了一个无序列表,每个列表项都有一个 class 名称 ui-state-default
。然后,我们在 JavaScript 中使用 jQuery UI 的 Sortable 插件来对该列表进行排序。在 stop
方法中,我们定义了一个回调函数,当拖动停止时会被触发,并在控制台中打印一条消息。
当然,这只是一个简单的示例,Sortable 插件还有很多其他选项和方法可以使用,具体可以参考 jQuery UI 的官方文档。