Хорошо,Авто-Выбор текущего класса - Меню навигации
Так что я пытаюсь сделать это имея навигации обновленных с «выбранным» классом, обозначающей странице на текущий конечный пользователь.
Я пробовал множество вещей. Но ничего не работает. Вот мой код:
JQuery:
jQuery(function() {
var path = location.pathname.substring(1);
if (path)
jQuery('.navigation ul li a[href$="' + path + '"]').attr('class', 'selected');
});
HTML-:
<div class="navigation">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="team.html">TEAM</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="services.html">SERVICES</a></li>
<li><a href="portfolio.html">PORTFOLIO</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
<div class="clear"></div>
</div>
CSS-:
.navigation li a.selected {
background: url(../images/navigation-background-active.png) repeat-x;
text-decoration: none;
}
I f Вы смущены тем, что я прошу ... Вы можете просмотреть эту ссылку: http://docs.jquery.com/Tutorials:Auto-Selecting_Navigation
Большое вам спасибо!
Не уверен, что это решает вашу проблему или нет, но вы, вероятно, также можете сократить ваш селектор до '.navigation a [href $ =" '+ path +' "] '' –
@MikeTangolics: Welp, ни один из этих исправили мою проблему, но они наверняка сократили мой код. Спасибо! –
@SKS: Спасибо, но это не исправить. –