2016-01-07 4 views
0

У меня есть мобильная навигационная панель jQuery в мобильном приложении, и в первый раз у меня есть ui-active для первой вкладки, и она активна. Теперь, если я выберу вторую вкладку, а затем вернусь к предыдущей страницы и перейти на эту страницу, выбранная вкладка - одна, а отображаемый контент - это содержимое второй вкладки. Как это решить. Ниже мой HTML-кодjQuery mobile navbar refresh

<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> 

есть в любом случае, чтобы обновить навигатор, когда он станет видимым.

ответ

0

Это работало :)

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

Я отсортировали это путем опорожнения вкладок и перезагрузка элементов снова. –

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

делает этот способ решить проблему

+0

Здесь вы создаете полную вкладку снова и снова. Мое решение просто изменяет класс вкладки. –

+0

Я уже пробовал это решение. Но проблема с этим заключается в том, что если я нахожусь на второй вкладке и вернусь назад, когда я приду в следующий раз, появится вторая вкладка. Но я хочу показать первую вкладку, когда пользователь перейдет на эту страницу. –

+0

Теперь я получаю то, что вы хотите. Это не было в вопросе :-) –

Смежные вопросы