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完成所有这些工作。折叠collapsible UI元素后，会将“ ui-collapsible-collapsed ”类添加到该元素中。因此，您所要做的就是在特定.hasClass()上使用jQuery collapsible方法。

例如，这里有一些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.
}
...

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

1 个答案: