ul#navigation li 上的 jquery hasClass "active"页面加载不起作用

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); 
});