1

jQuery Mobile を使用して WebApp を作成しています。

そして、私はこのようなページを持っています:

<div data-role="page" id="page1">
    <div data-role="header">
        <p>
            Page 1
        </p>
        <div data-role="navbar">
            <ul>
                <li><a href="#page1">To first</a></li>
                <li><a href="#page2">To second</a></li>
            </ul>
        </div>
     </div>     
</div>
 <div data-role="page" id="page2">
    <div data-role="header">
        <p>
            Page 2
        </p>
        <div data-role="navbar">
            <ul>
                <li><a href="#page1">To first</a></li>
                <li><a href="#page2">To second</a></li>
            </ul>
        </div>
     </div>
</div>

ライブ デモはhttp://jsfiddle.net/FB9KJ/にあります。

<div data-role="navbar">問題なく動作していますが、ページごとに繰り返したくありません。

すべての jQuery Mobile ページで同じナビゲーション バーを使用する方法はありますか?

4

1 に答える 1

0

jsp にインクルードを使用する意思がない限り、そうではありません... ただし、jsp ごとに 1 ページで解決する必要があります。

また

ANT Replace を使用して、コンパイル時にファイル内の @HEADER@ トークンを HTML マークアップに置き換えます。

于 2012-06-06T19:38:53.640 に答える