jQuery connectWith 是一個非常實用的插件，它可以讓我們實現拖拽排序和聯動拖拽的功能。它主要包括兩個方法：sortable 和 draggable。

$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable"
}).disableSelection();

在上面的代碼中，我們定義了兩個可排序的列表 sortable1 和 sortable2，它們都具有類名為 "connectedSortable" 的聯動排序功能。同時，我們使用了 disableSelection() 方法來禁用用戶對被拖動元素的文本選擇。

除了聯動排序，jQuery connectWith 也可以實現聯動拖拽。拖拽元素能夠自動跟隨另一個拖拽元素的位置改變。這可以通過以下代碼簡單地實現：

$( ".draggable" ).draggable({
connectToSortable: ".sortable",
helper: "clone",
revert: "invalid"
});
$( "ul, li" ).disableSelection();

在以上代碼中，我們定義了一個可拖拽元素 draggable 和一個可排序列表 sortable。通過 connectToSortable 屬性進行聯動拖拽的設置。helper 屬性定義了拖拽元素的復制品，revert 屬性指定了對拖拽元素的處理方式。最后，我們使用 disableSelection() 方法來禁用用戶對列表和列表項的文本選擇。