JQuery hasClass «активный» на ул # навигационном Ли на странице загрузки не работает

Question

$(document).ready(function(){ 

$("li").click(function(){ 

    if ($(this).hasClass("active")) 

      $(this).fadeTo("slow", 1.0); 

    }); 
}); 

У меня есть панель навигации сделал и я использую этот код, чтобы добавить эффект прозрачности при наведении курсора мыши:

$(document).ready(function(){ 
$(".thumbs").fadeTo("slow", 0.6); 

$(".thumbs").hover(function(){ 

    $(this).fadeTo("slow", 1.0); 

    },function(){ 

    $(this).fadeTo("slow", 0.4); 

    }); 

}); 

Я также используя hoverIntent.

Прокрутка непрозрачности работает, но я хочу, чтобы моя «активная» страница имела непрозрачность на 100%, но я не могу заставить ее работать. Что я делаю неправильно?

ссылка на вопросы HTML является:

<ul id="navigation"> 
    <li class="active"><a href="page.htm"></a></li> 
</ul> 

СЧА отлично работает минус мой «активный» класс, так что я думаю, что я предоставил весь необходимый код.

Answer 1

Вам не нужен тест hasClass. Вы можете заменить ...

$("li").click(function(){ 
    if ($(this).hasClass("active")) 
      $(this).fadeTo("slow", 1.0); 
    }); 
}); 

с этим .....

$("li.active").click(function(){ 
    $(this).fadeTo("slow", 1.0); 
}); 

Answer 2

Вместо того .click(), вы, вероятно, хотите .each() здесь, но вы можете сделать это даже проще, чем :)

на вашей странице загрузки вы можете просто сделать это с помощью :not() selector:

$("li:not(.active)").fadeTo("slow", 0.6); 

Это только затухает <li>, которое не есть class="active"