Как использовать jquery для добавления в класс активной ссылки - PullRequest
Новая
       19

Как использовать jquery для добавления в класс активной ссылки

0 голосов
/ 21 января 2011

В настоящее время я пытаюсь создать навигационное меню, в котором к якорям применяется активный класс с hrefs, которые соответствуют текущему URL. Я нашел несколько jquery, которые выполняют свою работу, но при наведении курсора на меняот элемента стиль исчезает, даже если я покинул эту активную страницу. 

var path = location.pathname;
var home = "/";
$("a[href='" + [path || home] + "']").parents("li").each(function() {   
        $(this).addClass("current_page_item");
});

1 Ответ

0 голосов
/ 21 января 2011 
var aHrefs = $("li a")

$.each(aHrefs, function (i,e) {
    var href = $(e).attr('href');
    var currentHref = top.location.href;

    if ( href == currentHref ) {
         $(e).parents('li.asign-an-li-class-here').addClass('current_page_item');
    }

});

Я думаю, что это должно работать.Загрузите это только прежде.Проверьте любой другой ваш код, который связан с классом .current_page_item css.

Забыл вызов родителей ().Вы должны присвоить имя класса этому элементу li, чтобы он не давал ложных срабатываний дальше по странице.

...