1

画像のマウス ホバー機能に若干の問題があります。1 つの画像にカーソルを合わせると、すべての画像でホバー オーバー状態がアクティブになります。[ここをクリック][1] どこが間違っているのか誰か知っていますか??

//JavaScript

$(".tint").hover(function(){
$('.hover-hide').toggleClass('hidden');
});

//HTML

<figure class="tint">
    <div class="hover-content hover-hide hidden">
        <a class="roll-over" href="#"><img class="img_hover" src="img/home-hover-bg.png" alt="hover"/></a>
    </div>
    </figure>
4

3 に答える 3

7 
$(".tint").hover(function(){
    $(this).find('.hover-hide').toggleClass('hidden');
});
于 2013-05-23T20:50:50.490 に答える
1

thisホバリングしている要素を指すために使用します。

$(".tint").hover(function(){
     $(this).find('.hover-hide').toggleClass('hidden');
});

多くのオブジェクト指向プログラミング言語では、this (または self) は、現在実行中のメソッドが呼び出されたオブジェクトを参照するためにインスタンス メソッドで使用できるキーワードです。

于 2013-05-23T20:53:31.503 に答える
0

その画像に対応する div を見つけます。

$(".tint").hover(function(){
    $(this).children('.hover-hide').toggleClass('hidden');
});
于 2013-05-23T20:51:22.617 に答える