0

こんにちは、私は新しい jquery ユーザーです。助けが必要です。

その div をクリックすると、最後の子 div 要素の css :hover 属性を変更しようとしています。より具体的には、いくつかの子 div ボタンを含むナビゲーション バー div があります。子 div はすべて同じクラスのパーであるため、それらにカーソルを合わせると... border-width 属性が変更されます。最後の子divをクリックすると境界線の色が変更されますが、マウスがホバリングしているときにのみ表示されます...そしてもう一度クリックすると、cssで定義された元の境界線属性がリテイク効果。

これが私がやろうとしていることのサンプルです:

$("div.navbar:last").click(function(){    
    if ($("div#details").is(":hidden")){    
        $("div#details").fadeIn(100);    
        $("div.navbar:hover").css("border-bottom-color","#ee4444");
    } else {
        $("div#details").fadeOut(100);
        $("div.navbar").css("border-bottom-color","#88ddff");
    }   
});

どんな助けでも大歓迎です。

4

3 に答える 3

0

クリックで追加する二次クラスに疑似クラスを置くことができます

JS

  $("div.navbar:last").click(function(){    
    if ($("div#details").is(":hidden")){    
        $("div#details").fadeIn(100);    
        $("div.navbar").addClass("hoverBottom");
    } else {
        $("div#details").fadeOut(100);
        $("div.navbar").css("border-bottom-color","#88ddff");
    }  
    });

CSS

.hoverBottom:after {
  border-bottom-color","#ee4444";
}
于 2013-04-02T18:16:30.567 に答える
0

Adeneo が述べたよう:hoverに、jQuery では疑似セレクター ( など) を使用できません。ただし、jQuery でホバー イベントをアタッチする場合は、次のようなものを使用できます。

$("#myElement").on('hover', function() {
    alert("I've been hovered over!");
});
于 2013-04-02T18:06:04.900 に答える