jquery - 如何防止一个列表中的元素被放入另一个嵌套 ul jquery sortable？

Question

我有嵌套列表，每个列表都有一个唯一的 ID。我想知道如何防止父-父列表项掉入内部部分 <div>在 <li> <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/

这是你要找的吗？

附言以下是如何安排书籍和摘要部分:http://jsfiddle.net/wt4N8/3/