jQuery UI可拖動connectToSortable不遵守可排序項選項

Question

我有一個jQuery UI可拖動連接到一個可排序和排序使用items option來限制哪些項目可以排序。我不確定這是否是正常行爲或錯誤，但我無法阻止可拖動項目在不可排序項目後被拖放。

我成立了這個的jsfiddle來演示該問題：http://jsfiddle.net/agSwn/1/

可拖動無法項目1或2之前，因爲他們不排序被丟棄。但是，可拖動的內容可以在項目7之後放置。請注意，如果您在項目3之後放棄可拖動項目，例如，則無法在項目7之後對新項目進行排序。

Answer 1

如果用戶確實不應該被允許放棄在1和2之前或7之後的項目，可能這些東西屬於不同的列表，因爲它們將分別是第一個和最後一個項目。如果你想讓外觀保持不變，你可以調整html和css。

<div id='lists'> 
    <ul> 
     <li class="ui-state-default">Item 1 (not sortable)</li> 
     <li class="ui-state-default">Item 2 (not sortable)</li> 
    </ul> 
    <ul id="sortable"> 
     <li class="mixable ui-state-default">Item 3 (sortable)</li> 
     <li class="mixable ui-state-default">Item 4 (sortable)</li> 
    </ul> 
    <ul> 
     <li class="ui-state-default">Item 5 (not sortable)</li> 
     <li class="ui-state-default">Item 6 (not sortable)</li> 
     <li class="ui-state-default">Item 7 (not sortable)</li> 
    </ul> 
</div> 

看到這裏我的例子，它看起來像突出部分與你你想要的功能：http://jsfiddle.net/dgmCp/1/