2013-03-08 232 views
0

我創建了一個包含三個選項卡按鈕的小型JQuery移動應用程序,其中一個按鈕用於訪問不同的頁面。通過使用預先配置的data-theme =「a」,當按下按鈕並加載相關頁面時,按下的按鈕變爲藍色。這是第一次點擊該按鈕,但當再次點擊該按鈕以再次訪問同一頁面(來自另一頁面)時,該按鈕不會再次變成藍色,但仍爲深灰色。有誰知道這個問題的解決方案可能在哪裏? 下面給出了其中一個頁面的代碼,作爲演示。在此先感謝JQuery Mobile按鈕的顏色不會改變顏色

<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> 
+0

你能提供一個小提琴? – Nelson 2013-03-08 15:41:46

+0

只給我幾分鐘.. – Anto 2013-03-08 15:43:37

+0

由於這是一個CSS問題,CSS肯定會有所幫助。 – 2013-03-08 16:13:46

回答

0

添加類的UI狀態,堅持'以選定的選項卡不工作:

<li><a href="#chartYear" data-role="tab" class="ui-btn-active footer-button ui-state-persist" data-transition="slideup" >Last Year</a></li>