Добавление класса к активной ссылке
Здравствуйте,
помогите пожалуйста в следующем: добавить класс "active" ссылке, учитывая, совпадения ссылки a href и адреса url данный скрипт не работает
<script type="text/javascript">
jQuery(document).ready (function () {
var active_url=location.href;
if (active_url.split ('/')[3]!=0) {
jQuery.each (jQuery("a[href*=/"+active_url.split('/')[3]+"]"),
function (){jQuery(this).addClass ('active123');});
} });
</script>
|
joylord,
кавычки потеряли в 5 строке |
спасибо
|
Всем привет! Не стал в тысячный раз создавать тему про активные пункты в меню, поэтому размещу свой вопрос здесь. Пересмотрел все варианты в гугле и на этом сайте, но они не помогли мне (не отрицаю свою криворукость).
Есть меню вида: <ul id="menu"> <li><a href="/page1/">kategori</a></li> <li><a href="/page2/">kategori2</a></li> </ul> Как с помощью js подсветить пункт меню не только, когда находишься в конкретной категории /page1/ как здесь:
$(function () {
$('#menu a').each(function () {
var location = window.location.href;
var link = this.href;
if(location == link) {
$(this).addClass('activ');
}
});
});
но и на страницы поста, который лежит в категории /page1/post.html? |
$(function() {
$('#menu a').each(function() {
if(location.pathname.indexOf($(this).attr('href'))-1) $(this).addClass('activ');
});
});
P.S.: не проверял, но должно работать. |
Ruslan_xDD,
Данный скрипт подсвечивает все пункты меню сразу, а хотелось бы конкретно тот в котором находишься) |
Решений мой проблемы найдено! Пример, может кому то понадобится:
<script type="text/javascript">
$(document).ready(function(){
var url=document.location.href;
$.each($("#column-left a"),function(){
if(url.indexOf(this.href)>=0){
$(this).addClass('actual');
};
});
});
</script>
|
| Часовой пояс GMT +3, время: 01:01. |