1

2つのブロックを含む折りたたみ可能なセットがあります。

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

そして、どのブロックが展開されているのか知りたいです。

4

1 に答える 1

3

非常に簡単。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.
}
...
于 2012-08-20T09:59:27.773 に答える