如何在Jquery可嵌套中创建自动折叠所有列表项？

我正在使用Jquery插件Nestable进行菜单编辑。 我希望所有菜单项自动折叠，但也要在用户点击每个可展开图标时展开。

这是Jquery Nestable插件。

  $(document).ready(function(){ $("#product_list").nestable({ maxDepth: 10, collapsedClass:'dd-collapsed', }); }); 

Answer 1

由于此plugin没有太多选项，因此您可以执行以下操作后手动折叠：

 $(document).ready(function(){ $("#product_list").nestable({ maxDepth: 10, collapsedClass:'dd-collapsed', }).nestable('collapseAll');//Add this line //$("#product_list").nestable('collapseAll') //Or this }); 

具有扩展视图的DEMO ，不会在负载和崩溃时崩溃

DEMO在加载时折叠视图