Jquery ui 如何折叠嵌套可折叠集中的所有嵌套可折叠集和可折叠元素?
如何在Jquery Mobile中折叠嵌套可折叠集中的所有嵌套可折叠集和可折叠元素 以下是JSFIDLE中的代码:Jquery ui 如何折叠嵌套可折叠集中的所有嵌套可折叠集和可折叠元素?,jquery-ui,jquery-mobile,Jquery Ui,Jquery Mobile,如何在Jquery Mobile中折叠嵌套可折叠集中的所有嵌套可折叠集和可折叠元素 以下是JSFIDLE中的代码: 47 试验 47 试验 47 试验 假设您在小提琴中使用的是jQM 1.2,您可以对所有可折叠文件()调用触发器(“折叠”): 更新 谢谢你提供的信息。如果我需要在单击“可折叠”时调用它,而不是在“附加”按钮中调用它,该怎么办。我更新了fiddle,为您提供了更多的界面。您是否希望在父级折叠时折叠所有子级折叠,以便下次展开时不会展开任何子级?如果是,请使用可折叠小部件的折叠事
47
试验
47
试验
47
试验
假设您在小提琴中使用的是jQM 1.2,您可以对所有可折叠文件()调用触发器(“折叠”): 更新
谢谢你提供的信息。如果我需要在单击“可折叠”时调用它,而不是在“附加”按钮中调用它,该怎么办。我更新了fiddle,为您提供了更多的界面。您是否希望在父级折叠时折叠所有子级折叠,以便下次展开时不会展开任何子级?如果是,请使用可折叠小部件的折叠事件(),然后在所有子可折叠文件上触发折叠:$(this).find(“[data role=collapsable]”)。trigger(“collapse”)
<body>
<div data-role="content">
<div data-role="collapsible-set">
<div data-role="collapsible">
<h1>
<div class="ui-btn-up-c ui-btn-corner-all custom-count-pos">47</div>
Test</h1>
<div data-role="collapsible-set">
<div data-role="collapsible">
<h1>
<div class="ui-btn-up-c ui-btn-corner-all custom-count-pos">47</div>
Test</h1>
<div data-role="collapsible-set">
<div data-role="collapsible">
<h1>
<div class="ui-btn-up-c ui-btn-corner-all custom-count-pos">47</div>
Test</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
$(document).on("pageinit", function(){
$("#btnCollapse").on("click", function(){
$("[data-role=collapsible]").trigger("collapse");
});
});