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

fbcarpbf  于 2023-05-06  发布在  jQuery
关注(0)|答案(3)|浏览(118)

我使用jQuery插件Nestable的菜单编辑器。我希望所有的菜单项自动折叠,但也展开时,用户点击每个可展开的图标。
这是jQuery Nestable插件。

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

2skhul331#

由于在这个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**加载时带有折叠视图

lskq00tm

lskq00tm2#

调用函数:

$('.dd').nestable('collapseAll');
z31licg0

z31licg03#

为了扩展Guruprasad有一个很好的答案的自动折叠,这里有一个简单的方法来删除所有折叠,相当于你的“折叠所有”按钮会做什么。

$(".dd-collapsed").removeClass("dd-collapsed");

相关问题