jquery mobile 1.1.1使导航栏将所有按钮显示为活动状态

时间:2012-08-22 14:44:56

标签: jquery jquery-mobile

自从将我的Web应用程序升级到jquery mobile 1.1.1后,导航栏出现问题。虽然只有一个按钮具有活动类,但所有按钮都处于活动颜色。什么出了什么问题?这是我的一个页面的标题示例:

<div data-role="page" id="mainMenu" class="menuPage" data-theme="b">    

        <div data-role="header" data-posistion="fixed" data-id="constantNav">
            <h1>Main menu</h1>  

            <div id="navbarHolder">
               <div data-role='navbar'>
                  <a href='main.jsp' class='ui-state-persist ui-btn-active' data-icon='home' style='width: 10%;'></a>
                  <a href='page1.jsp' class='ui-state-persist' data-icon='icon1' style='width: 10%;'></a>
                  <a href='page2.jsp' class='ui-state-persist' data-icon='icon2' style='width: 10%;'></a>
                  ... other buttons
               </div>
            </div>
        </div><!-- /header -->

提前致谢!

1 个答案:

答案 0 :(得分:2)

从非活动栏中删除ui-state-persist类,问题将得到解决。

我希望这会有所帮助。