1

JQM 1.3.1 + JQ 2.0を実行しています

約 60 要素のリストビュー (スクロールなし) + 固定フッター (タブバー) があります。リストビューの 1 つの要素をクリックすると、「戻る」ボタンを追加した新しいハッシュ ページにコンテンツが表示されます。

タブバーのアクティブなボタンは、リストビューに入力するときに設定されます。

戻るボタンをクリックすると、前のページが表示されますが、タブバーのアクティブなボタンはもうアクティブではありません (アクティブなボタンはありません)。これにより、最初のページのすべての要素が更新されたと思います。

要素が更新されないようにして、「バック」コールでその状態を維持するにはどうすればよいですか?

    <div data-role='navbar' id='kms'>
      <ul id='kml'>
        <li id='l5'><a href='#' id='d5' class='ui-btn-active'>Ici</a></li>
        <li id='l20'><a href='#' id='d20'>5 km</a></li>
        <li id='l50'><a href='#' id='d50'>20 km</a></li>
        <li id='l100'><a href='#' id='d100'>50 km</a></li>
      </ul>
    </div>
4

2 に答える 2

1

タブ バーからクラス ui-btn-active を削除します。また、アクティブ タブとパッシブ タブ用に独自のカスタマイズされた CSS クラスを記述します。それは私のために働いた.これは役立つかもしれません.

.footer-passive a
{
background: #99ce3e ; /*light green*/
}

アクティブなボタンの

 .footer-active a
{
 background: #709630;/*dark green*/
}

それでは、以下のコード スニペットを使用してみてください。

<div data-role="footer"  data-theme="b" data-position="fixed">
    <div data-role="navbar">
        <ul>
            <li class="footer-color-active"><a href="sample1.html"  class="ui-btn-active"><img src="your_file/path1" /></a></li>
            <li class="footer-color"><a href="sample2.html" ><img src="your_file/path2"  /></a></li>
            <li class="footer-color"><a href="sample3.html" ><img src="youtr_file/path3" /></a></li>
        </ul>
    </div>
</div>
于 2013-05-20T05:39:08.147 に答える