jQuery：从另一个元素触发悬停事件

当您将鼠标悬停在其中一个上时<div>，我想要一个<a>也可以在页面的单独部分上“悬停”。

<div class="initiator">
</div>
<div>
   <a class="receiver href="#">Touch the div and I get hovered!</a>
</div>

我已经尝试过这个 jQuery，但它没有触发<a>的悬停CSS。

$(".initiator").hover(function(){
   $(".receiver").hover();
   console.log("div was hovered");
});

尝试这个：

$('.initiator').on('mouseenter mouseleave', function(e) {
    $('.receiver').trigger(e.type);
})

它将为接收者应用与发起者接收 mouseenter 和 mouseleave 相同的触发器。注意：

.hover(over, out) 

只是以下的高级变体：

.on('mouseenter', over).on('mouseleave', out)

因此，使用该信息，您可以在绑定和触发鼠标事件时更加精确。

正如评论中所述，您还可以使用：

$('.initiator').hover(function(e) {
    $('.receiver').trigger(e.type);
})

这里还有更多内容可供阅读：http://api.jquery.com/hover/ http://api.jquery.com/hover/