當達到限制時禁用/啓用排序

Question

我有兩個列表，可分類和排序連接。 當我在可排序連接列表中達到5個項目的限制時，我不想添加其他項目。但是，如果我選擇刪除連接列表中的項目，我希望該列表再次處於活動狀態。我也希望能夠繼續對第二個列表進行排序。

列表中的一個

列出兩種

我原本以爲使用 $（本）.sortable（ 「禁止」）的;

但這將完全禁用LIST TWO。然後，我不能從列表中刪除一個項目，將其置於配額之下。

我還發現： $（ui.sender）.sortable（'cancel'）; 取消當前拖動的項目。與此問題是我正在移動克隆，所以我最終與列表中的克隆，我只是想要它刪除。

請注意DELETE功能是當我想從連接列表中刪除一個項目。正在工作。但一旦達到配額並禁用排序。它也不允許刪除一個項目。

任何想法讚賞。

Working example

Answer 1

也許你可以設置它像這樣在你的更新回調函數：

替換：

if(($(this).find('li').length) >4) { 
        //alert('Player limit reached!'); 
        $(this).sortable("disable");  
       } 

通過：

if(($(this).find('li').length) >5) { 
        $(ui.item).remove();  
       } 

有更加文雅這樣做的方法。