在我的應用程序中，我使用navibar顯示底部選項卡菜單永遠的事情工作正常，但是當我選擇熒光筆制動 enter image description here 如上圖所示。波紋管代碼我正在使用。jquerymobile Navibar選擇器打破

<!-------------Footer----------------------------------------> 

<div data-role="footer" class="test1" id="bottom-footer" data-position="fixed"> 
    <div data-role="navbar" class="test1" data-grid="d"> 
     <ul data-transition="none"> 
     <li><a data-transition="none" id="menu_nav_walloffame" data-icon="custom" data-iconpos="top" > Wall</a></li> 
     <li><a data-transition="none" id="menu_nav_associateview" data-icon="custom" data-iconpos="top">Associate</a></li> 
     <li><a data-transition="none" name="menu_nav_managersview" id="menu_nav_managersview" data-icon="custom" >Managers</a></li> 
     <li><a data-transition="none" id="menu_nav_treasurechest" data-icon="custom" data-iconpos="top" >Treasure</a></li> 
     <li><a data-transition="none" id="menu_nav_redeem" data-icon="custom" data-iconpos="top" >Redeem</a></li> 
     </ul> 
    </div> 
    </div><!---------footer----------------->

來源

2013-06-05 Sri

我試過你的代碼，並且爲我工作得很好。您是否對主css文件中的css類「.ui-btn-active」做了任何更改？ – yeyene

不，我沒有在我的CSS中使用這個。什麼是這個.ui-btn-active – Sri

css的使用，這將改變你點擊活動的藍色。它是在jQuery手機默認的CSS。 – yeyene

在這裏工作精細http://jsfiddle.net/zVgAz/

或者試試這個jQuery的..（它也可以但如果沒有這個腳本）

JQUERY

$('ul#footer_nav').on('vclick', 'li', function() { 
    $("ul#footer_nav").navbar({ 
     create: function(event, ui) {} 
    }); 
});

HTML

<div data-role="footer" class="test1" id="bottom-footer" data-position="fixed"> 
     <div data-role="navbar" class="test1" data-grid="d"> 
      <ul id="footer_nav" data-transition="none"> 
      <li><a data-transition="none" id="menu_nav_walloffame" data-icon="custom" data-iconpos="top" > Wall</a></li> 
      <li><a data-transition="none" id="menu_nav_associateview" data-icon="custom" data-iconpos="top">Associate</a></li> 
      <li><a data-transition="none" name="menu_nav_managersview" id="menu_nav_managersview" data-icon="custom" >Managers</a></li> 
      <li><a data-transition="none" id="menu_nav_treasurechest" data-icon="custom" data-iconpos="top" >Treasure</a></li> 
      <li><a data-transition="none" id="menu_nav_redeem" data-icon="custom" data-iconpos="top" >Redeem</a></li> 
      </ul> 
     </div> 
    </div>

來源

2013-06-05 07:43:03 yeyene

jquerymobile Navibar選擇器打破

回答

JQUERY

HTML

相關問題