javascript - jquery - 当悬停在另一个元素上时触发悬停在一个元素上

Question

我有一个函数，当一个具有“tooltip”属性的元素悬停在它上面时运行，看起来像这样......

$(".element1").hover( function() { 
    // Do stuff here...
}, function() {
    // Do other stuff here...
});

但是，我需要在具有 tooltip 属性的元素之上放置一个元素，以防止悬停起作用。

悬停在顶部元素上时，有没有办法触发悬停功能？也许是这样的？

$('.element2').hover(function() {
    $(this).siblings('.element1').hover();
});

我有同样的方法来处理点击，只是悬停不行。

Answer 1

hover 实际上是两个事件，mouseenter 和 mouseleave。您需要单独触发这两个事件。试试这个:

$('.element2').hover(
    function() { $(this).siblings('.element1').mouseenter(); },
    function() { $(this).siblings('.element1').mouseleave(); }
);