如何防止將一個列表中的項目放入另一個可排序的嵌套ul jquery中？

Question

我有嵌套列表，每個列表都有一個唯一的ID。我想知道如何防止父母列表項目落入<li> <div>內部的<div>內部，其中已包含<ul> <li>自己的列表。另外，佔位符也出現在那裏。我想知道是否有辦法強制屬於第一個列表的項目停留在那裏，即使它們在主全局列表中的項目之上移動到另一個嵌套列表之上。

在此先感謝。

的jQuery：

$(document).ready(function() { 
      $('ul#main-sections').sortable({ 
       connectWith: 'ul#main-sections', 
       items: 'li:not(:last-child)', 
       placeholder: 'placeholder', 
       forcePlaceholderSize: true, 
       start: function (e, ui) { 
        var elementHeight = ui.item.height(); 
        ui.placeholder.height(elementHeight); 
       } 
      }); 
     }); 

這是我http://jsfiddle.net/wt4N8/1/ < - 拖總結了本書部分，你會看到

Answer 1

就闡明你的jQuery選擇這樣的：

items: '>li:not(:last-child)', 

它只會選擇一級孩子元素

http://jsfiddle.net/wt4N8/2/

是不是你在找什麼？

P.S.這裏是你如何安排的書籍和摘要部分：http://jsfiddle.net/wt4N8/3/

Answer 2

讓所有的嵌套和父列表排序然後設置

items: '>li' 

這將解決這個問題。它爲我工作。