如何在運行時在jquery mobile的li標籤中添加class'ui-btn-active'

我正在使用jQuery Mobile Navigation Tabs。我採用footer.html等所有頁面的通用頁腳，並在運行時將此頁腳加載到頁腳div上。這是工作好，因爲我想要的。如何在運行時在jquery mobile的li標籤中添加class'ui-btn-active'

這裏是我的footer.html

<div data-role="footer" data-id="foo1" data-position="fixed"> 
<div data-role="navbar"> 
     <ul id="footertab"> 

      <li id="home"><a href="#page1" data-transition="none" data-icon="tab-home" ></span>Home</a></li> 
      <li><a href="#page2" data-transition="none" data-icon="tab-alert" ><span class="count">6</span>Alerts</a></li> 
      <li><a href="#page3" data-transition="none" data-icon="tab-services" >Services</a></li> 
      <li><a href="#page4" data-transition="none" data-icon="tab-learn">Learn</a></li> 
      <li><a href="#page5" data-transition="none" data-icon="tab-setting">Settings</a></li> 
     </ul> 


    </div><!-- /navbar --> 
</div><!-- /footer --> 

</div><!-- /page -->

的代碼，我在運行時使用此代碼添加此頁腳。

$(document).on('pageinit', function(event){ 
    $(".addfooter").load('footer.html', function(){ 
    $(this).trigger("create"); 

    }); 

});

這個運行良好。但我有這個code.it沒有顯示活動選項卡的問題。我知道我必須在我選擇的選項卡中添加class ='ui-btn-active ui-state-persist'。但我不確定如何添加和用java腳本替換它。我不想用它來寫所有頁面的頁腳。

這個任務我用側我的腳本

$(document).delegate('[data-role="navbar"] a', 'click', function() { 
    alert("calling tab click"); 
    $(this).addClass('ui-btn-active ui-state-persist'); 

});

每次調用該函數的代碼當我點擊任何標籤。但它確實顯示選定的選項卡。所有選項卡都被取消選擇。我該如何解決這個問題。請給我建議

來源

2013-05-08 vivek tiwari

，而不是'$（本）.trigger（「創建」）;''加$（ '[數據角色=頁]'）觸發（ 'pagecreate'）;'，然後再試一次。 – Omar 2013-05-08 08:13:19

這不起作用。給一些不好的影響。在標籤的頁面內容中添加5個li。 – 2013-05-08 08:17:52

奇怪的是，jqm拒絕添加'ui-btn-active'，但是，如果你複製了它的風格並給它起一個類名稱的作用。 http://jsfiddle.net/Palestinian/68bQK/ – Omar 2013-05-08 10:13:54

大家好，試試這段代碼。

$(document).live('pageshow',function(event,ui){ 
    // disable previous selected links 
    $('[data-role=navbar] a').removeClass("ui-btn-active"); 
    // select link 
    var menuLink = $('[data-role=navbar] a[href="#'+$.mobile.activePage.attr('id')+'"]'); 
    menuLink.addClass("ui-btn-active"); 
});

來源

2013-10-16 04:07:42 mariofertc

如何在運行時在jquery mobile的li標籤中添加class'ui-btn-active'

回答

相關問題