JQuery мобильная сила ui-btn-active на кнопке navbar

У меня проблема с мобильной навигацией jQuery (navbar).

У меня есть 4 страницы, и я установил class= "ui-btn-active" на другой на каждой странице.

Например:

Страница 1:

<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="index.html" data-icon="home" data-iconpos="top" class="ui-btn-active">Page 1</a></li>
<li><a href="index2.html" data-icon="plus" data-iconpos="top">Page 2</a></li>
<li><a href="index3.html" data-icon="grid">Page 3</a></li>
<li><a href="index4.html" data-icon="star" data-iconpos="top">Page 4</a></li>
</ul>
</div><!-- /navbar -->

то если вы перейдете на страницу 2:

Страница 1:

<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="index.html" data-icon="home" data-iconpos="top">Page 1</a></li>
<li><a href="index2.html" data-icon="plus" data-iconpos="top" class="ui-btn-active">Page 2</a></li>
<li><a href="index3.html" data-icon="grid">Page 3</a></li>
<li><a href="index4.html" data-icon="star" data-iconpos="top">Page 4</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->

и т.д...

Моя проблема заключается в том, что она не всегда выделяется, а иногда мне приходится нажимать кнопку 2 раза, чтобы она загорелась.

Кто-нибудь знает, как заставить это работать?

Ответы

Ответ 1

Попробуйте добавить к вашему якорю класс "ui-state-persist". ex: class= "ui-btn-active ui-state-persist"

Ответ 2

установить ссылку на href=# на активной кнопке, казалось, исправить это для меня.

Проблема, похоже, существовала при нажатии на активную ссылку, хотя вы уже находитесь на этой странице, затем переходите от этой страницы и обратно к ней.

Ответ 3

Вы должны добавить "ui-state-persist" ко всем тэгам привязки, в противном случае он по-прежнему ломается, если вы обновите страницу, затем перейдите на другую страницу, а затем вернитесь на страницу вы обновились.

Ответ 4

Это работало только для меня (в версии 1.3), если я установил class= "ui-btn-active ui-state-persist" на теги привязки тех, которые я хотел выделить (то есть один на страницу), остальная часть якорных меток в этой навигационной панели без набора классов.