使用jQuery在悬停时播放音频

根据此处的信息：

我试图在导航链接中的悬停上播放音频文件。在链接上快速移动时播放音频文件的问题是，它在再次播放之前播放整个文件，在链接上快速悬停时会造成音频延迟

在上面的链接中，解决该问题的方法是添加load（）

这是迄今为止我的jQuery代码：

<script type="text/javascript">
    $("nav ul li").hover(function(){
        nav_audio.play();
        },
    function(){
        nav_audio.load();
    });
</script>

$（“导航ul li”）.hover（函数（）{
nav_audio.play（）；
},
函数（）{
nav_audio.load（）；
});

我的HTML5代码：

<audio id="nav_audio">
    <source src="nav.mp3" type="audio/mpeg"></source>
    <source src="nav.ogg" type="audio/ogg"></source>
</audio>

悬停时不会播放音频，浏览器控制台（Chrome）中也不会显示错误

知道我做错了什么，或者为什么它不起作用吗？我已经链接到jQuery文件，并且音频标记可以工作，因为它们在没有jQuery的其他地方使用。我只能猜测这里的问题在于jQuery

    $(document).ready(function() {
     var audioElement = document.createElement('audio');
     audioElement.setAttribute('src', 'audio.mp3');
     audioElement.setAttribute('autoplay', 'autoplay');
     $.get();
     audioElement.addEventListener("load", function() {
     audioElement.play();
    }, true);




    $('.play').on('hover',function(event) {
       audioElement.play();
    }); 

    $('play)..unbind("mouseleave");

---

}))

我明白了。它需要文档就绪功能。所以，脚本稍微更改为：

<script type="text/javascript">
$(document).ready(function(){
    $("nav ul li").hover(function(){
        nav_audio.play();
        },
    function(){
        nav_audio.load();
    });
});
</script>

$（文档）.ready（函数（）{
$（“导航ul li”）.hover（函数（）{
nav_audio.play（）；
},
函数（）{
nav_audio.load（）；
});
});

你可能想看看这本很棒的书，我也无法让它工作，即使在修正了打字错误之后。它似乎还有很多令人敬畏的代码。自动播放甚至没有必要，因为它是在音频元素中定义的。