1

JQM ページにナビゲーション バーがあります。

<div data-role="navbar">
    <ul>
        <li><a href="#about" class="ui-btn-active ui-state-persist">About</a></li>
        <li><a href="#details">Details</a></li>
    </ul>
</div>

両方のページが同じnavbarです。

以下のように戻るボタンがあります。

<a href="#" data-icon="back" data-rel="back" >Back</a>

問題は、ページを表示する前に戻るボタンが前のページに移動しないこと、#details および #about ページが履歴に含まれることです。戻るボタンをクリックすると最初に読み込まれたページに移動するように、2 つのページを無視または除外する方法。

4

3 に答える 3

0

これを行う最も簡単な方法は、概要ページと詳細ページを jquery モバイル ダイアログ ページにすることです (ドキュメントを参照)。

<a href="foo.html" data-rel="dialog">Open dialog</a>

ダイアログページは履歴で追跡されません。これにより、探している目標が達成されるはずです。

于 2012-12-05T08:53:17.277 に答える
0

「data-rel=back」はブラウザの履歴を使用するため、次のことはできません。

  1. 「メイン」から始める
  2. 「概要」をクリック
  3. 「詳細」をクリック
  4. 「概要」をクリック
  5. 「戻る」をクリックすると「詳細」に戻ります
  6. [戻る] をクリックすると、[概要] に戻ります
  7. 「戻る」をクリックすると、「メイン」に戻ります。

「概要」ページと「詳細」ページの両方のナビゲーション バーを削除することをお勧めします。この方法では、ページを呼び出したページに戻るという 1 つの方法しかありません。

于 2012-12-05T04:35:42.533 に答える
0

この解決策を試してください：

<script>
$('#about').click(function(){
    $('#contentDiv').html('Your content');
});
$('#details').click(function(){
    $('#contentDiv').html('Your content');
});
</script>
<body>
<div data-role="page" id="main">
    <div id="contentDiv" data-role="content">
    </div>
    <div data-role="navbar">
        <ul>
            <li><a id="about" class="ui-btn-active ui-state-persist">About</a></li>
            <li><a id="details">Details</a></li>
        </ul>
    </div>
</div>
</body>

このソリューションを使用すると、戻るボタンをクリックしたときに前のページに移動するようになります。

于 2012-12-05T11:21:20.523 に答える