我使用jQuery插件Nestable的菜单编辑器。我希望所有的菜单项自动折叠,但也展开时,用户点击每个可展开的图标。这是jQuery Nestable插件。
$(document).ready(function(){ $("#product_list").nestable({ maxDepth: 10, collapsedClass:'dd-collapsed', }); });
2skhul331#
由于在这个plugin中没有太多可用的选项,您可以做的是在创建nestable后手动折叠,如下所示:
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**加载时带有折叠视图
lskq00tm2#
调用函数:
$('.dd').nestable('collapseAll');
z31licg03#
为了扩展Guruprasad有一个很好的答案的自动折叠,这里有一个简单的方法来删除所有折叠,相当于你的“折叠所有”按钮会做什么。
$(".dd-collapsed").removeClass("dd-collapsed");
3条答案
按热度按时间2skhul331#
由于在这个
plugin
中没有太多可用的选项,您可以做的是在创建nestable
后手动折叠,如下所示:**DEMO**带展开视图,加载时不折叠,
**DEMO**加载时带有折叠视图
lskq00tm2#
调用函数:
z31licg03#
为了扩展Guruprasad有一个很好的答案的自动折叠,这里有一个简单的方法来删除所有折叠,相当于你的“折叠所有”按钮会做什么。