jquery - 如何捕捉不同级别 div 的悬停？

Question

我有两个没有嵌套但看起来重叠的 div 元素。

当鼠标进入第二个div时，如何捕捉第一个div的悬停功能？

(当鼠标在橙色区域时，我希望鼠标也在灰色区域。)

请检查[http://jsfiddle.net/tZFuX/2/][1]

谢谢!

Answer 1

试试这个:fiddle

$('.div1').on({
   mouseenter: function(){
      alert('mouse entered at div1');
   }
});

$('.div2').on({
   mouseenter: function(){
     alert('mouse entered at div2');
     $('.div1').trigger('mouseenter');
   }
});

编辑:fiddle

警报将以这种方式工作，不过您可以尝试使用 addClass:

 $('.div2').on({
    mouseenter: function () {
       $('.div1').addClass('active');
    }
 });

 $('.div1').on({
    mouseout: function () {
       $(this).removeClass('active');
    }
 });