Jquery Mobile-第二次单击有时不会突出显示导航按钮_Jquery_Mobile

Jquery Mobile-第二次单击有时不会突出显示导航按钮

jquery mobile

Jquery Mobile-第二次单击有时不会突出显示导航按钮,jquery,mobile,Jquery,Mobile,我正在创建我的第一个JQuery移动应用程序。我有以下html： <head> <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"> <script src="js/jquery-2.2.0.min.js"></script> <script> $(document).bind('mobileinit',function(){

我正在创建我的第一个JQuery移动应用程序。我有以下html：

<head>
    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
    <script src="js/jquery-2.2.0.min.js"></script>
    <script>
        $(document).bind('mobileinit',function(){
        //  $.mobile.changePage.defaults.changeHash = false;
        //  $.mobile.hashListeningEnabled = false;
            $.mobile.pushStateEnabled = false;
        });
    </script>
    <script src="js/jquery.mobile-1.4.5.min.js"></script>
</head>

<body>
<!-- INDEX - TOP -->
<div data-role="page" id="pg-index">

    <div data-role="header">
        <h1>APP</h1>
    </div><!-- /header -->

    <div role="main" class="ui-content">
        <h3 id="db-title">Add Client</h3>
    </div><!-- /content -->

   <div data-role="footer">
        <div data-role="navbar">
            <ul>
                <li><a href="#" data-icon="grid" class="ui-btn-active">Summary</a></li>
                <li><a href="#pg-settings" data-ajax="false" data-icon="gear">Settings</a></li>
                <li><a href="#pg-about" data-ajax="false" data-icon="info">About</a></li>
            </ul>
        </div>
    </div><!-- /footer -->

</div><!-- /page -->
<!-- INDEX - BOTTOM -->

<!-- SETTINGS - TOP -->
<div data-role="page" id="pg-settings">

    <div data-role="header">
        <h1>APP</h1>
    </div><!-- /header -->

    <div role="main" class="ui-content">
        <h3 class="ui-bar ui-bar-a">Settings</h3>
        <form>
                <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true" id="ss-ctrl-units">
                    <legend>
                        Units of Measurement:
                    </legend>
                    <input name="ctrl-units-1" id="ctrl-units-1" value="metric" checked="checked" type="radio">
                    <label for="ctrl-units-1">Metric</label>
                    <input name="ctrl-units-1" id="ctrl-units-2" value="imperial" type="radio">
                    <label for="ctrl-units-2">Imperial</label>
                </fieldset>
            </form>
            <div id="sg-Metric" class="hide-object-none">
                <p>Data will be displayed and recorded in metric units.</p>
                <p>Examples:</p>
                <ul>
                    <li>Height: 182 cm (one-hundred and eighty-two centimeters)</li>
                    <li>Weight: 85.22 kg (eighty-five kilograms)</li>
                </ul>

            </div>
            <div id="sg-Imperial" class="hide-object-none">
                <p>Data will be displayed and recorded in imperial units.</p>
                <p>Examples:</p>
                <ul>
                    <li>Height: 5'4" (five feet, four inches)</li>
                    <li>Weight: 154 lb (one-hundred and fifty-found pounds)</li>
                </ul>
            </div>
    </div><!-- /content -->

    <div data-role="footer">
        <div data-role="navbar">
            <ul>
                <li><a href="index.html" data-ajax="false" data-icon="grid">Summary</a></li>
                <li><a href="#" data-icon="gear" class="ui-btn-active">Settings</a></li>
                <li><a href="#pg-about" data-ajax="false" data-icon="info">About</a></li>
            </ul>
        </div>
    </div><!-- /footer -->

</div><!-- /page -->
<!-- SETTINGS - BOTTOM -->

<!-- ABOUT - TOP -->
<div data-role="page" id="pg-about">

    <div data-role="header">
        <h1>APP</h1>
    </div><!-- /header -->

    <div role="main" class="ui-content">
        about stuff
    </div><!-- /content -->

    <div data-role="footer">
        <div data-role="navbar">
            <ul>
                <li><a href="index.html" data-ajax="false" data-icon="grid">Summary</a></li>
                <li><a href="#pg-settings" data-ajax="false" data-icon="gear">Settings</a></li>
                <li><a href="#" data-icon="info" class="ui-btn-active">About</a></li>
            </ul>
        </div>
    </div><!-- /footer -->

</div><!-- /page -->
<!-- ABOUT - BOTTOM -->
</body>


$（document）.bind（'mobileinit'，function（）{
//$.mobile.changePage.defaults.changeHash=false；
//$.mobile.hashListengEnabled=false；
$.mobile.pushStateEnabled=false；
});
应用程序
添加客户端





应用程序
设置
计量单位：
米制的
帝国的
数据将以公制单位显示和记录
示例：

身高：182厘米（一百八十二厘米）
重量：85.22公斤（85公斤）

数据将以英制单位显示和记录
示例：

身高：5英尺4英寸
重量：154磅（150磅）






应用程序
关于东西

我已经检查了StackOverflow。我能找到的最接近我的问题是。我在我的页面中找不到任何重复的ID。除非我没有仔细查看

有效的活动按钮方案：摘要到设置/设置到摘要。高亮显示工作-设置高亮显示。汇总到设置。然后单击设置（再次）。高亮显示工作-设置将高亮显示。摘要到大约/即将到摘要。突出显示工作-摘要将突出显示。摘要设置为关于。然后单击关于（再次）。突出显示有效-关于将突出显示

不起作用的活动按钮方案：汇总到设置到即将到设置。设置按钮应高亮显示。它不是。 “摘要”到“关于”设置到“关于”。应突出显示“关于”按钮。它不是

问题：如何修复不起作用的场景？

我刚刚发现：将“ui状态持久化”类添加到活动按钮。这将确保活动设置保持活动状态。隐藏在普通站点上。

如果您投票失败，请至少解释原因。