使用Jquery悬停播放音频

Question

我有一个音频文件，希望当光标悬停在放置音频文件的div上时就开始播放。

由于任何原因，它仅适用于单击功能，而不适用于悬停/鼠标功能。

这有效：

$(".interview").on("click",function(){
   $(this).find("#audio")[0].play();
});

这不起作用：

$(".interview").on("hover",function(){
   $(this).find("#audio")[0].play();
});

Answer 1

从jQuery 1.8开始不推荐使用Hover。 ref Jquery on hover not working

 $(".interview").hover(function(){
       $(this).find("#audio")[0].play();
  });

（或）使用mouseenter事件引用https://api.jquery.com/mouseenter/

$(document).on('mouseenter','.interview',function(){
 alert(1)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div class="interview">hover me</div>