JQuery Mobile Force UI-BTN-активный на кнопку Navbar

Question

У меня проблема с мобильной навигацией 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 раза, чтобы подсветить его.

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

Answer 1

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

Answer 2

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

Answer 3

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

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

Answer 4

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