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