JQuery Mobile 버튼의 색상이 색상을 변경하지 않습니다.

Question

하나의 버튼이 다른 페이지에 액세스하는 데 사용되는 세 개의 탭 버튼을 포함하는 작은 JQuery 모바일 애플리케이션을 만들었습니다. 미리 구성된 data-theme = "a"를 사용하면 버튼을 누르면 관련 페이지가로드되어 파란색으로 변합니다. 이것은 처음 버튼을 클릭 할 때 작동하지만 다른 페이지에서 동일한 페이지를 다시 액세스하기 위해 버튼을 두 번 클릭하면 버튼이 다시 파란색으로 변하지 않지만 어두운 회색으로 유지됩니다. 누구든지이 문제의 해결책이 어디에 있는지 알고 있습니까? 페이지 중 하나의 코드가 데모로 제공됩니다. 사전

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

Answer 1

선택된 탭 클래스 'UI-상태 유지'를 추가 감사는 작업 않습니다

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