jQuery是一款JavaScript庫，很多人都喜歡使用它來簡化JavaScript代碼。其中，有一種非常有用的功能是拖拽排序。在jQuery中使用div拖拽排序可以為網站的用戶提供更好的交互體驗。下面是一個簡單的示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery拖拽排序</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function() {
$( "#sortable" ).sortable();
$( "#sortable" ).disableSelection();
});
</script>
<style>
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; font-size: 1.4em; height: 1.6em; }
</style>
</head>
<body>
<ul id="sortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ul>
</body>
</html>上面的代碼中，我們使用了jQuery中的sortable()方法來使列表可排序。其中，disableSelection()方法可以防止選中列表項時出現文本上下跳動的問題。最后，我們增加了一些樣式，使列表看起來更加美觀。
拖拽排序在很多網站中都可以使用，比如在線圖庫、新聞網站和網上商城等。通過拖拽排序，用戶可以更加方便地對內容進行分類和整理，提高了使用的效率。
總之，使用jQuery拖拽排序可以為網站的用戶提供更好的交互體驗，增強了用戶對網站的黏性和使用效率。