如何在Jquery中创建自动折叠的所有列表项
How to create auto collapsed all list item in Jquery nestable?
我使用jQuery插件Nestable作为菜单编辑器。我希望所有菜单项都能自动折叠,但也可以在用户单击每个可展开图标时展开。
这是jQuery的插件。
$(document).ready(function(){
$("#product_list").nestable({
maxDepth: 10,
collapsedClass:'dd-collapsed',
});
});
由于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加载折叠视图
直接调用函数:
$('.dd').nestable('collapseAll');
要扩展Guruprasad已经给出了很好的答案的自动折叠,这里有一个简单的方法来删除所有折叠,相当于你的'Collapse all '按钮所做的。
$(".dd-collapsed").removeClass("dd-collapsed");
相关文章:
- jQuery与可折叠列表冲突
- 阻止javascript关闭打开的折叠列表
- 更高效的可折叠列表定位
- 使用 JavaScript 在 HTML 中展开/折叠列表
- 纯 js 中的可折叠列表优化
- 使用jQuery可折叠列表 - 如何更新展开/折叠全部按钮
- jQuery mobile折叠列表视图,搜索不起作用
- Javascript可折叠列表和xsl
- $(文档).(“click" . .如何在单击文档的其他位置时折叠列表
- Jquery动态折叠列表不起作用;jsfiddle例子
- 使用移动版jquery和cordova时,可折叠列表视图的头部不能刷新
- 如何展开和折叠列表
- 在Wordpress生成的表单中展开和折叠列表元素的奇怪问题
- 需要消失的其他按钮折叠列表,一旦一个按钮被按下
- 如何获得一个Jquery移动按钮打开特定的可折叠列表Id
- 复选框在折叠列表中无法选中
- 如何用jQuery折叠列表中的元素?
- 使用JQuery折叠列表
- 使用jquery折叠列表
- 具有动态加载内容的可折叠列表