使用jQuery播放音頻懸停

Question

這裏的信息去：http://forums.blackmesasource.com/showthread.php?t=13235

我想在我的導航鏈接玩懸停的音頻文件。在通過鏈接移動時播放音頻文件的問題真的很快，就是它在再次播放之前播放整個文件，導致快速跨越鏈接時音頻延遲。

在上面的鏈接中解決這個問題的方法是添加load（）;

這是迄今爲止我jQuery代碼：

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

我的HTML5代碼：

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

沒有音頻播放上懸停，並沒有錯誤顯示在瀏覽器控制檯（瀏覽器）。

任何想法我做錯了，或爲什麼它不工作？我已經鏈接到jQuery文件，並且音頻標籤可以工作，因爲它們在別處沒有jQuery的情況下使用。我只能猜測這裏的問題與jQuery有關。

Answer 1

我想通了。它需要文檔就緒功能。所以，腳本稍微改變爲：

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

Answer 2

$(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"); 

}）;