Question

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

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

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

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

另外，我注意到在我移开鼠标后它仍然像那样停留。

非常感谢帮助

修改

功能网站： www.exo-l.com

这是关于底部的按钮

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

Answer 1

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

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

添加一个回调函数来删除该类。

Answer 2

$(".module-feature-img").hover(function(){
   $(".module-title-bottom").trigger('hover'); 
});

Answer 3

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

add：将鼠标悬停在第2类上时悬停选择器到第1类

3 个答案: