jQuery Mobile Navbar,为什么这样做?

时间:2015-12-04 14:55:19

标签: jquery html jquery-mobile

所以我遇到了ui-btn-active问题,因为这个类在进入新页面时被删除了,这意味着当导航回导航栏时我没有在链接上获得活动状态:

<section id="main" data-role="page">
<header data-role="header" data-position="fixed">
  <h1>My Site</h1>
  <nav data-role="navbar">          
    <ul>
        <li><a href="#main" class="ui-btn-active ui-state-persist">Home</a></li>
        <li><a href="#third">History</a></li>
        <li><a href="#secondary">Info</a></li>
        <li><a href="#fourth">contact</a></li>
    </ul>
  </nav>
</header>

我用过这个:

$(document).on('pagecontainerchange', function (evt,ui) {
   $(ui.toPage.attr('id') "[data-role='navbar']").addClass('ui-page-active');
});

这会将类添加到我想要的正确锚中,但是是以下空格:$(ui.toPage.attr('id')“[data-role ='navbar']”)正确的jQuery标准?如果是,我在哪里可以读到这个?为什么它被添加到锚而不是导航?我对jQuery很新。

谢谢!

1 个答案:

答案 0 :(得分:-1)

更改$(&#34; [data-role =&#39; navbar&#39;]&#34;)。navbar();到$(&#34; [data-role =&#39; panel&#39;] [data-role =&#39; navbar&#39;]&#34;)。navbar();似乎已经有效了