javascript - 有什么方法可以使用 Javascript 设置 Jquery UI Mobile 导航栏状态？

Question

我有以下使用 Jquery 移动 UI 1.01 框架的导航栏；

<div id="footer" data-role="footer" data-position="fixed">      
<div data-role="navbar">
    <ul>
        <li><a href="#" onClick="toggle_units();" class="ui-btn-active">Oilfield</a></li>
        <li><a onClick="toggle_units();">Metric</a></li>
    </ul>
</div><!-- /navbar -->

本质上，它使用户能够在任何页面上选择要使用的单位系统。我希望能够确保当他们浏览到不​​同的页面时突出显示相同的单位选择。

JavaScript 中是否有任何方法可以选择多个页面(单个文档)中存在的多个导航栏并将某个按钮设置为事件/非事件？

Answer 1

我不知道这个解决方案是否满足您的需求，但您可以在链接中添加一个类，例如“toggle-units-button”，然后执行一个

$('.toggle-units-button').trigger('click').