Jquery mobile jquerymobile导航条选择器断开

在我的应用程序中，我使用navibar显示底部选项卡菜单，一切正常，但当我选择highlighter时，是刹车 如上图所示。下面是我正在使用的代码

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

墙
联系
管理者
珍宝
赎回

在这里工作正常

或者试试这个jquery..（尽管没有这个脚本，它也可以工作）

JQUERY HTML

墙
联系
管理者
珍宝
赎回

我尝试了你的代码，效果很好。您是否对css主文件中的css类“.ui btn active”进行了任何更改？不，我没有在css中使用此选项。此“.ui btn activecss”的用途是什么？它将在单击时更改您的活动蓝色。它位于jquery移动默认css中。

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

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