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

ナビは私の「アクティブな」クラスを除いて完璧に機能するので、必要なコードをすべて提供したと思います。

4

2 に答える 2

1

hasClass テストは必要ありません。あなたは交換することができます...

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

これとともに.....

$("li.active").click(function(){
    $(this).fadeTo("slow", 1.0); 
});
于 2009-12-15T11:18:12.013 に答える
0

の代わりに.click()、おそらく.each()ここが必要ですが、それよりもさらに簡単に行うことができます:)

:not()ページの読み込み時に、セレクターを使用してこれを行うことができます:

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

これは持って<li>いないものだけをフェードアウトしますclass="active"

于 2010-04-17T12:24:42.043 に答える