从另一个 div 添加悬停触发器答案

【问题标题】：Adding hover trigger from another div从另一个 div 添加悬停触发器
【发布时间】：2011-02-21 09:50:49
【问题描述】：

我正在尝试从另一个 div 激活 div 的原生悬停效果。我知道我可以在 jQuery 中完成这一切并在其中添加样式，但宁愿将原生 :hover 留在 CSS 中。我只是想知道是否有办法做到这一点：

$("#div1").live("mouseenter", function() {
  $("#div2").trigger("mouseenter");
});

我想通过这样做来调用它，但它不起作用。真的没有办法从另一个元素的事件中触发事件吗？

提前致谢。

【问题讨论】：

【解决方案1】：

我相信是的

$("#div1").live("mouseenter", function() {
  $("#div2").mouseenter();
});

【讨论】：

不走运 :( 我认为该事件需要参数
@jakeprzespo：当jQuery#mouseenter() 不带参数使用时，它是jQuery#trigger('mouseenter') 的别名。
@jakeprzespo：不一定。
哦，好的。会记住这一点。但是仍然没有正确触发。

【解决方案2】：

这应该可以吗？

$("#div1").mouseenter(function() {
  $("#div2").mouseenter();
});

【讨论】：

【解决方案3】：

已回复here

根据 W3C 的规范，:hover 只能应用伪类当用户发起操作时。

:hover 伪类适用于 while 用户指定一个元素（使用一些指针设备），但没有激活它。例如，一个视觉用户代理可以应用这个光标时的伪类（鼠标指针）悬停在生成的框上由元素。用户代理不支持互动媒体不必须支持这个伪类。

【讨论】：