3

基本的に私の問題は、jquery モバイル Web サイトの data-role="page" が、特定のページからリンクされたときに機能せず、別のページからリンクされたときに機能することです。

あるページからhtmlページにリンクしたときに読み込まれない場合、リンクをクリックしても何も起こりません。URL は変更されず、「page.html#anotherpage」ではなく「page.html」のままです。

これに関するアイデアはありますか？

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>test</title>
    <link rel="stylesheet" href="./css/jquery.mobile-1.4.5.min.css">
</head>

<body>

    <!----------------------- PAGE 1 ------------------------------->

    <div id="view-profile-page" data-role="page">


        <ul data-role="listview" class="ui-listview">
            <li class="ui-first-child">
                <a href="#edit-profile-page" class="ui-btn ui-btn-icon-left ui-icon-edit">Go to page 2</a>
            </li>
        </ul>


    </div>

    <!------------------------ PAGE 2 ------------------------------>

    <div id="edit-profile-page" data-role="page">


        <!-- CONTENT -->
        <div role="main">

            Page 2!

        </div>

    </div>

    <!-- jQuery core -->
    <script src="./js/jquery-1.12.4.min.js"></script>

    <!-- jQuery Mobile -->
    <script src="./js/jquery.mobile-1.4.5.min.js"></script>

</body>

</html>
4

2 に答える 2

0

これは、あなたが提供した限られた情報に基づいた暗闇の中のショットですが、HTML を検証しましたか? 表示されているような結果は、たとえば、同じ ID を持つ 2 つの要素があるなど、無効な html に遭遇して jQuery が混乱した場合に発生する可能性があります。

于 2012-06-13T21:34:36.807 に答える
0

提供された説明では正確な問題を理解するのは困難です。しかし、これは暗闇の中での私のショットです - JQM (hi)jax がページをロードする方法のために、2 番目の JQM data-role="page" のスクリプトには特定の制限があります。詳細はこちら: http://jquerymobile.com/test/docs/pages/page-scripting.html

まさに、jQuery Mobile は、タイトルを除く「ヘッド」領域のすべてを無視します。したがって、スクリプトは干渉していません

于 2012-06-13T06:47:00.400 に答える