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

Question

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

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

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

提前致谢。

Answer 1

我相信是的

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

Answer 2

这应该有效吗？

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

Answer 3

此处已回答此问题

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

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