jquery mobile Navbar选择器破解

Question

在我的应用程序中，我使用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----------------->

Answer 1

在这里工作正常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>