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 回答