0

こんにちは、index.html と test.html の 2 つの html ファイルがあります。両方のファイルにdata-rel="back" 、index から test に移動するときに戻るボタンを追加し、次に test.html で戻るボタンをクリックすると index.html に移動しません。私のインデックスファイルは次のとおりです。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <link rel="stylesheet"  href="jquery.mobile/jquery.mobile-1.1.0.css" />
    <link rel="stylesheet" href="docs/assets/css/jqm-docs.css" />
    <link rel="stylesheet" href="docsdemos-style-override.css" />
    <script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min"></script>
    <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.1.0.js"></script>

</head> 
<body> 

    <div id="searchpage" data-role="page" data-theme="b" data-role="content" data-add-back-btn="true">

        <div data-role="header" align="center">

                <a href="#" data-rel="back" data-icon="arrow-l">Back</a>
                <h1>index page</h1>
                <a href="MainMenu.html"  data-icon="grid">Menu</a>          

        </div>

        <div data-role="fieldcontain" class="ui-field-contain ui-body ui-br" >
                     <input type="text" name="stock" id="enterstock" value="" />

                    <input type="submit" id = "verify" data-role="button">

        </div>

        <script type="text/javascript">

            $("#verify").click(function (e)
            {
                e.stopImmediatePropagation();
                e.preventDefault();
                window.location = "Test.html";
                 //$.mobile.changePage('Test.html')
            });


        </script>


    </div>

</body>
</html>

私のtest.htmlは次のとおりです。

<!DOCTYPE html>
 <html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet"  href="jquery.mobile/jquery.mobile-1.1.0.css" />
    <link rel="stylesheet" href="docs/assets/css/jqm-docs.css" />
    <link rel="stylesheet" href="docsdemos-style-override.css" />
    <script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min"></script>
    <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.1.0.js"></script>
    <!-- Uncomment following line to access PhoneGap APIs (not necessary to use PhoneGap to package web app) -->
    <!-- <script type="text/javascript" charset="utf-8" src="cordova-1.6.1.js"></script>-->


</head> 


<body>

    <div id="cash" data-role="page" data-theme="a" data-role="content" data-add-back-btn="true">
        <div data-role="header" align="center">

            <a href="#" data-rel="back" data-icon="arrow-l">Back</a>
            <h1>Test page</h1>
            <a href="MainMenu.html"  data-icon="grid">Menu</a>


        </div>

        <h1>Testing</h1>
    </div>

</body>

</html>

使用する$.mobile.changePage('Test.html')と、戻るボタンは正常に機能しますが、機能しwindow.location = "Test.html";ません。なぜそうなのですか？blackberry5 では changePage が機能しないため、使用できません。任意の提案をいただければ幸いです。前もって感謝します

4

3 に答える 3

1

data-rel = "Back"は、単一のhtmlページに基づくナビゲーションスタックビルドで機能します。

ページを同じhtmlファイルに追加します。オンデマンドでページ拡張を適用します。これは、2つのページが同じhtmlにある場合でも、そのページに変更するまで2番目のページがdomに読み込まれないことです。

2つのhtmlで遊んでみると、domはそのように動作するはずがありません。ではない。

同じhtmlに2つのページを配置します。それが彼らがあなたに作り付けのナビゲーションシステムに頼りたいと勧める方法です。

あなたのページフォーマットも正しくありません。最初に良いチュートリアルに従ってください。

于 2012-07-24T06:06:07.500 に答える
0

前述のように、data-rel="back" は単一の HTML ページ内のページ用です。

ただし、 history.back() 関数を使用することはできます。これはブラウザの「戻る」ボタンをシミュレートする必要があるため、それが探している動作である場合は機能するはずです。試してみる！

于 2012-08-01T21:10:49.883 に答える