jQuery dad是一款基于jQuery庫(kù)開(kāi)發(fā)的拖拽排序插件，可以輕松地實(shí)現(xiàn)頁(yè)面元素的拖拽排序功能。

使用jQuery dad非常簡(jiǎn)單，首先需要在頁(yè)面引入jQuery庫(kù)和jQuery dad插件：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-dad/1.0.0/jquery.dad.min.js"></script>

然后，在頁(yè)面加載完成后初始化jQuery dad：

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

以上代碼中，我們將一個(gè)id為sortable的元素應(yīng)用了dad插件。接下來(lái)，在HTML中添加需要進(jìn)行排序的元素：

<ul id="sortable">
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
<li>列表項(xiàng)3</li>
</ul>

運(yùn)行頁(yè)面，你會(huì)發(fā)現(xiàn)可以通過(guò)鼠標(biāo)拖拽來(lái)改變列表項(xiàng)的順序。此外，jQuery dad還提供了多種配置選項(xiàng)，例如設(shè)置排序時(shí)的邊框顏色、是否可以在元素移動(dòng)時(shí)自由滾動(dòng)頁(yè)面等。更多詳細(xì)的配置選項(xiàng)和使用方法，可以參考jQuery dad官方文檔。