2

当悬停在不同的 div 上时，我正在尝试将 :hover 选择器添加到类中。基本上有2个div形成一个按钮。顶部是悬停时改变颜色的部分，底部是简单的图像。目前，悬停只适用于顶部，但我希望在悬停在图像上时也能调用 :hover 选择器。

基本上它不是一个按钮，而是两个按钮。

这就是我所拥有的，但显然这不起作用。

$(".module-feature-img").hover(function(){
   $(".module-title-bottom").attr('class', '.module-title-bottom:hover') 
});

此外，我注意到在我将鼠标移开后它会一直卡住。

帮助将不胜感激

编辑

运作网站：www.exo-l.com

这是关于底部的按钮

我也意识到这不会真正起作用，因为有 4 个按钮并且它们都具有相同的类。所以如果我将鼠标悬停在 1 个图像上，它们都会得到 :hover 选择器。有任何想法吗？

4

3 回答 3

2

你可以使用这个：http: //jsfiddle.net/ZTU5v/

$(".module-feature-img").hover(function(){
  $(".module-title-bottom").addClass('hover');
}, function(){
  $(".module-title-bottom").removeClass('hover');
});​

添加回调函数以删除该类。

于 2012-12-23T19:20:58.420 回答
1 
$(".module-feature-img").hover(function(){
   $(".module-title-bottom").trigger('hover'); 
});
于 2012-12-23T19:20:50.590 回答
0

我会添加一个类并对其应用与您的 CSS 中.hover相同的规则。:hover

于 2012-12-23T19:21:11.747 回答