Tag: nested sortable

嵌套的可动态项目不会折叠

我正在使用这个嵌套的可排序插件mjsarfatti.com/sandbox/nestedSortable ,到目前为止我唯一的问题是当我动态地将项添加到“树”时,我无法展开或折叠项目。 我到目前为止只是使用示例代码,并添加到那里。 我如何动态添加项目: $(‘#new-button’).on(‘click’, function() { var nextId = $(‘ol.sortable’).nestedSortable(‘nextId’); var $li = $(” New Item”); $li.addClass(‘mjs-nestedSortable-leaf’); $(‘ol.sortable’).append($li); }) 当我将这些新项目添加到树中时,它们工作正常 – 我可以将它们移动到整个树中,让它们成为孩子等等。但是,当我尝试折叠我已经创建父项的新项目时 – 没有响应。 我确信我没有在某处添加正确的事件处理程序,但我无法确定发生的位置。 在添加新项目后,我甚至触发了树的destroy()和_create(),希望再次“重新配置”所有项目。 但是,那里没有运气。 任何人都可以告诉我如何正确地连接这些新动态创建的项目,以便它们将被视为树中的其他项目? 谢谢!

嵌套jQuery UI sortables

有没有办法让嵌套的jQuery可排序? 与嵌套容器一样,不是嵌套列表。 $(‘.container’).sortable({ connectWith: ‘.container’ }); http://jsfiddle.net/ExLqv/2/ 这个例子非常有用,但是当我删除嵌套容器时,我收到一个错误: Uncaught HierarchyRequestError: A Node was inserted somewhere it doesn’t belong. 我认为这是因为当拖动container它位于鼠标下方,因此当我放下它时,它会尝试将它放在自身内部。 我有一个工作,虽然不理想所以问题仍然存在。 $(‘.container’).sortable({ connectWith: ‘.container:not(.ui-sortable-helper)’, tolerance: “pointer”, cursorAt: { left: -50 } }); http://jsfiddle.net/ExLqv/8/