如何防止将一个列表中的项目放入另一个可排序的嵌套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' 

这将解决这个问题。它为我工作。