无法使用jquery在其他元素上触发悬停事件

6rqinv9w  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(307)

您好,我正在尝试编写一个jquery代码段,当单击按钮时,它将模拟flipbox上的悬停事件。主要的问题是,我已经尝试了这个场景中stackoverflow上给出的所有解决方案,但它似乎根本不起作用。
开发人员控制台中flipbox的前面
开发人员控制台中flipbox的前面
下面是我在同一个元素上尝试的代码

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");
vjrehmav

vjrehmav1#

您可以触发事件并在另一个元素上设置事件侦听器,如下所示:

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

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

相关问题