0

その下にある 2 つの折りたたみ可能なセクションの表示/非表示を制御するナビゲーション バーを作成しようとしています。

これはjQuery Mobileで可能ですか?

<div data-role="navbar">
    <ul>
        <li><a data-theme="c" href="#">Menu</a></li>
        <li><a href="#">Search</a></li>
    </ul>
</div>

<div data-role="collapsible">
    <div data-role="navbar" class="menu">
        <ul>
            <li><a data-theme="c" href="#">Menu</a></li>
            <li><a href="#">Search</a></li>
        </ul>
    </div>
</div>

<div data-role="collapsible">
    <form class="search">
        <label for="search-mini">Search Input:</label>
        <input type="search" name="search-mini" id="search-mini" value="" data-mini="true" />
    </form>
</div>

例として、モバイル デバイスでm.nbcolympics.comサイトのメニューを見てみましょう。サイトにあるようなメニュー/検索を作成したい。

4

1 に答える 1

1

これは、開始して一般的な方向に進むには十分なはずです。

http://jsfiddle.net/japaneselanguagefriend/Mf4X2/

このガイドもチェックしてください：

http://jquerymobile.com/test/docs/content/content-collapsible.html

于 2012-09-03T06:32:53.840 に答える