Question

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

以下是JSFiddle中的代码： http://jsfiddle.net/ycP8y/

<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>

Answer 1

假设您在小提琴中使用jQM 1.2，则可以在所有可折叠符（http://demos.jquerymobile.com/1.2.1/docs/content/content-collapsible-methods.html）上调用触发器（“collapse”）：

$(document).on("pageinit",  function(){
    $("#btnCollapse").on("click", function(){
        $("[data-role=collapsible]").trigger("collapse");
    });
});

更新了 FIDDLE

如何折叠嵌套可折叠集中的所有嵌套可折叠集和可折叠元素？

1 个答案: