从另一个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

已回答here

  

根据W3C的规范，：悬停   应该只应用伪类   当用户启动操作时。

     

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