jquery-mobile - jquerymobile Navibar 选择器中断

Question

在我的应用程序中，我使用导航栏显示底部选项卡菜单一切正常，但是当我选择荧光笔时 ，如上图所示正在制动。我正在使用的波纹管代码。

<!-------------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 ..（虽然没有这个脚本它也可以工作）

查询

$('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>