2009-10-27 61 views
0
$(document).ready(function(){ 

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

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

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

    }); 
}); 

我有一個導航欄製作和正在使用此代碼添加懸停透明效果:jQuery的hasClass「激活」工作不

$(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> 

的導航完美的作品減去我的「活躍」類,所以我認爲我提供了所有必要的代碼。

+0

你說什麼不工作?您在第一個jQuery代碼部分的淡入淡出? – TStamper 2009-10-27 19:14:05

+0

對不起 淡入/淡出在懸停時工作正常。我希望任何具有「主動」類別的LI將其不透明度設爲100%。我使用php來確定頁面是什麼,然後向li添加一個「活動」類。但不透明度沒有得到應用 - 淡入淡出僅適用於懸停? – Ross 2009-10-27 20:58:58

+0

也許你需要改寫你的問題,因爲沒有人知道什麼是「主動」類,除非你展示它。所以你的問題是你申請的班級不工作? – TStamper 2009-10-27 21:10:24

回答

1

您不需要hasClass測試。您可以替換...

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

與此.....

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

相反的.click(),你可能想.each()這裏,但你可以做到這一點甚至比這更簡單的:)

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

在你的頁面加載,你可以在此使用:not() selector只是做

這隻會淡出<li>其中不會class="active"