1

我有嵌套列表，每个列表都有一个唯一的 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/ <--将摘要拖到书籍部分，你会看到

4

2 回答 2

1

像这样澄清你的 jQuery 选择器：

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

它将仅选择第一级子元素

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

是你要找的吗？

PS 这里是如何安排书籍和摘要部分：http: //jsfiddle.net/wt4N8/3/

于 2013-03-12T08:47:50.643 回答
0

使所有嵌套列表和父列表可排序然后设置

items: '>li'

这将解决问题。它对我有用。

于 2013-11-11T10:00:58.810 回答