jquery-ui可隱藏溢出的可排序連接列表

Question

我有兩個固定的hight divs，每個div都包含一個相互連接的可排序列表。有沒有辦法在連接列表時隱藏溢出？例如。如果溢出被設置爲隱藏，則li不會顯示何時將其拖出div。

我知道一個可能的解決方案是計算div可以包含的li的最大數量，並根據可見元素的數量動態添加/刪除元素，但是我想知道是否有更好的解決方案？

Answer 1

看一看containment。它定義了可拖拽的可排序項目所限制的邊界框。

http://api.jqueryui.com/sortable/#option-containment

Answer 2

您應該能夠通過使用the appendTo option，它會告訴它在哪裏輔助對象附加到DOM來解決這個問題。默認是使用parent這意味着被拖動的助手在overflow: hidden div內。將其更改爲例如body應該爲您解決。即：

$(".selector").sortable({ appendTo: 'body' });