jquery - jQuery Mobile Collapsible set，如何检查 div 元素是否展开？

Question

我有一个包含两个块的可折叠集：

<div data-role="collapsible-set">

    <div data-role="collapsible" data-collapsed="false">
        <h3>Block A</h3>
    </div>

    <div data-role="collapsible">
        <h3>Block B</h3>
    </div>

</div>

我想知道哪个块被扩展了。

Answer 1

很容易。jQuery Mobile 使用 CSS 完成所有这些工作。当一个collapsibleUI 元素被折叠时，类 " ui-collapsible-collapsed" 被添加到该元素。所以你所要做的就是使用那个特定的.hasClass()方法。jQuerycollapsible

例如，这里有一些 HTML：

...
<div id="blocks" data-role="collapsible-set">
    <div class="block" data-role="collapsible" data-collapsed="false">
        <h3>Block A</h3>
    </div>
    <div class="block" data-role="collapsible">
        <h3>Block B</h3>
    </div>
</div>
...

下面是一些 JavaScript/jQuery 示例：

...
if ($('#blocks .block').hasClass('ui-collapsible-collapsed')) {
    // Do whatever you want to do here.
}
...