jQuery Mobile 导航栏，为什么会这样？

Question

所以我遇到了 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 比较陌生。

谢谢！

Answer 1

改变 $("[data-role='navbar']").navbar();到 $("[data-role='panel'] [data-role='navbar']").navbar();似乎有效