Question

我的移动应用程序中有一个jquery移动导航栏，并且我第一次使用ui-active作为第一个选项卡并且它处于活动状态。现在，如果我选择第二个选项卡，然后返回上一页并转到此页面中选定的选项卡是一个，但显示的内容是第二个选项卡的内容。如何解决这个问题。以下是我的HTML代码

 <div data-role="tabs" id="tabs">

                    <div data-role="navbar" id="navbar1">
                        <ul>
                            <li>
                                <a class="ui-btn-active ui-state-persist" data-ajax="false" href="#one">MapView</a>
                            </li> 
                            <li>
                                <a data-ajax="false" href="#two">Available Seats</a>
                            </li>
                        </ul>
                    </div> 
<div class="ui-body-d ui-content" id="two">
<p>in second tab</p>
</div>
 <div id="one"> 
<p>in first tab</p>
</div>
</div>

无论如何都会刷新导航栏。

Answer 1

这有效：）

$(document).on("pagecreate",function(){
    $( '#tabs #navbar1 li a' ).on( 'click', function(){
        $( '#tabs #navbar1 li a' ).removeClass( 'ui-state-persist' );
        $(this).addClass( 'ui-state-persist' );
    } );
});

Answer 2

$( "#tabs" ).empty();
$("#tabs").append('my html elements');
$( "#tabs" ).tabs( "refresh" );

这样做解决了问题

Answer 3

$("#formid").trigger("create");

了解更多： - http://demos.jquerymobile.com/1.3.2/faq/injected-content-is-not-enhanced.html

jquery移动导航栏刷新

3 个答案: