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

Question

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

这是Jquery Nestable插件.

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

Answer 1

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

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

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

DEMO在加载时折叠视图