使用 jQuery List DragSort 实现列表拖拽排序 jquery list dragsort 是一款基于 jQuery 框架的插件，用于实现列表拖拽排序功能。使用该插件可以很方便地实现列表元素的拖拽排序，而无需编写复杂的 JavaScript 代码。 首先，在页面中引入 jQuery 和 jquery.list.dragsort.js 插件文件。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="jquery.list.dragsort.js"></script>

然后，创建一个元素列表，每个元素可以拖拽排序。

<ul class="sortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>

接下来，在 JavaScript 中初始化插件，并指定要排序的列表。

<script>
$(document).ready(function() {
$('.sortable').dragsort({
dragSelector: 'li',
placeHolderTemplate: "<li class='placeHolder'></li>",
dragEnd: function() {
// 排序结束后的操作
}
});
});
</script>

其中，dragSelector 指定可拖拽元素的选择器，placeHolderTemplate 指定拖动时占位元素的 HTML 模板，dragEnd 是排序结束后的回调函数。 最后，添加样式，使列表元素可以拖拽排序。

<style>
.sortable li {
cursor: pointer;
}
.placeHolder {
background-color: #eee;
height: 20px;
}
</style>

以上就是使用 jQuery List DragSort 实现列表拖拽排序的简单示例。此插件支持排序取消、自定义占位元素、禁用拖拽等一系列高级功能，具体使用方法请查看官方文档。