无法在 jQuery 的其他元素上触发悬停事件

Question

你好，我正在尝试编写一个 jQuery 片段，它会在单击按钮时模拟翻转框上的悬停事件。主要问题是我已经尝试了针对这种情况在 Whosebug 上给出的所有解决方案，但它似乎根本不起作用。

Front of flipbox in dev console

下面是我在同一元素上尝试过的代码

jQuery('.eael-elements-flip-box-container').mouseenter().mouseleave();
jQuery('.eael-elements-flip-box-container').mouseover();
jQuery('.eael-elements-flip-box-container').trigger("hover");
jQuery('.eael-elements-flip-box-container').trigger("mouseover");
jQuery('.eael-elements-flip-box-container').trigger("mouseenter");

Answer 1

您可以像这样触发事件并在另一个元素上设置事件侦听器：

$("#click-btn").click(()=>{
   $(".hover-me").trigger('mouseover')
})

$(".hover-me").mouseover(()=>{
  console.log('hovered')
})

无法在 jQuery 的其他元素上触发悬停事件

Can't trigger hover event on other element with jQuery

javascript

jquery

mouseevent