2

私のアプリケーションには、ナビゲーション バー (app2.html) のある新しいページにつながるボタン (app.html 上) があります。ナビゲーションには、内部 div "page2" を表示する必要がある内部リンク (ツールバー 2) があります。

ボタンから changePage() を使用すると、ナビゲーションをクリックしてもコンテンツを表示できません。reloadPage が機能していないようです。

app.html は次のようになります。

<body>
    <!-- Home -->
    <div data-role="page" id="page3">
        <div data-role="content">
            <a id="asdf" data-role="button" name="asdf">
                Button
            </a>
        </div>
    </div>
    <script>
        $('#asdf').click(function(){

            $.mobile.changePage('app2.html', {transition: "slidedown", reloadPage: true, changeHash: true });

            });

    </script>
</body>

これは私の app2.html です:

<body>
    <!-- Home -->
    <div data-role="page" id="page1">
        <div data-role="content">
            <div id="navigation" data-role="navbar" data-iconpos="right">
                <ul>
                    <li>
                        <a href="app.html" data-theme="" data-icon="">
                            Toolbar1
                        </a>
                    </li>
                    <li>
                        <a href="#page2" data-theme="" data-icon="check">
                            toolbar 2
                        </a>
                    </li>
                    <li>
                        <a href="app.html" data-theme="" data-icon="">
                            Toolbar 3
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div data-role="page" id="page2">
        <div data-role="content">
            <div data-role="header">
                <h3>asdfasd</h3>
            </div>
        </div>
    </div>
 </body>

問題はどこですか?jQuerymobile 1.1.1 と jQuery 1.7.1 を使用しています。

ファイルは次の とおりです。 app.html app2.html

4

1 に答える 1

1

2 番目のページに 2 つの jQuery Mobile ページを含めることはできません。app.html のリンクをクリックすると、app2.html への ajax リクエストが実行され、data-role="page" が取得され、html ファイルのみが想定されます。単一ページ テンプレート複数ページ テンプレートの違いをよく読んでください。

ドキュメントで詳細を見つけることができます。 「複数ページのドキュメント内でのリンク」を探してください。

tl;dr: すべてのページを 1 つの HTML ファイルに入れて ID にリンクするか、すべてのページを別々の HTML ファイルに入れてそのファイルにリンクする必要があります。

于 2012-10-12T17:02:17.707 に答える