Jquery ui 如何折叠嵌套可折叠集中的所有嵌套可折叠集和可折叠元素?

Jquery ui 如何折叠嵌套可折叠集中的所有嵌套可折叠集和可折叠元素?,jquery-ui,jquery-mobile,Jquery Ui,Jquery Mobile,如何在Jquery Mobile中折叠嵌套可折叠集中的所有嵌套可折叠集和可折叠元素 以下是JSFIDLE中的代码: 47 试验 47 试验 47 试验 假设您在小提琴中使用的是jQM 1.2,您可以对所有可折叠文件()调用触发器(“折叠”): 更新 谢谢你提供的信息。如果我需要在单击“可折叠”时调用它,而不是在“附加”按钮中调用它,该怎么办。我更新了fiddle,为您提供了更多的界面。您是否希望在父级折叠时折叠所有子级折叠,以便下次展开时不会展开任何子级?如果是,请使用可折叠小部件的折叠事

如何在Jquery Mobile中折叠嵌套可折叠集中的所有嵌套可折叠集和可折叠元素

以下是JSFIDLE中的代码:


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");
    });
});