0

3つのタブボタンを含む小さなJQueryモバイルアプリケーションを作成しました。1つのボタンは別のページにアクセスするために使用されます。事前設定されたdata-theme="a"を使用すると、押されたボタンが押されて関連ページが読み込まれると、ボタンが青色に変わります。これは、ボタンが初めてクリックされたときに機能しますが、同じページに（別のページから）再度アクセスするためにボタンを2回クリックすると、ボタンは再び青に変わりませんが、濃い灰色のままになります。この問題の解決策がどこにあるか知っている人はいますか？デモとしてのページの1つのコードを以下に示します。前もって感謝します

<div data-role="page" data-theme="b" id="chart">
    <div data-role="header" data-position="fixed" data-fullscreen="true" class="headerBar" data-theme="a">
       <a href="#busstat" data-icon="arrow-l" data-iconpos="left" data-transition="slide" data-direction="reverse" class="back-button">Back</a>
        <div align="center" style="vertical-align:middle; margin-top:10px; margin-bottom:10px;">
            Cars
        </div>
    </div>
    <div data-role="content" data-fullscreen="true" style="width:100%; height:100%;">
        <div id="container" class="container"></div>
    </div>
    <div data-role="footer" data-position="fixed" data-fullscreen="true" class="footerBar">
        <div data-role="navbar">
            <ul>
                <li><a href="#chartYear" data-role="tab" class="ui-btn-active footer-button" data-transition="slideup" >Last Year</a></li>
                <li><a href="#chartMonth" data-role="tab" class="footer-button" data-transition="slideup">Last Month</a></li>
                <li><a href="#charWeek" data-role="tab" class="footer-button" data-transition="slideup">Last 7 Days</a></li>
            </ul>
        </div>
    </div>

</div>
4

1 に答える 1

0

選択したタブにクラス「ui-state-persist」を追加すると、次の作業が実行されます。

<li><a href="#chartYear" data-role="tab" class="ui-btn-active footer-button ui-state-persist" data-transition="slideup" >Last Year</a></li>
于 2013-03-10T15:57:40.580 に答える