2013-10-06 160 views
1

我有以下功能時 一個div懸停已經停止播放聲音的JavaScript

function playsound() { 
    var snd = new Audio(); 
    snd.src = 'snd/ring.mp3'; 
    snd.play(); 
} 

// Play sound on mouseover 
$('.navigation a').hover(function() { 
    playSound(); 
    $(this).find('img').animateRotate(-360, 1000); 
}); 

問題播放聲音是,當mouseleaves的鏈接,它再次重放聲音。 我希望它能播放一次,當鼠標離開時,所有的聲音都應該停止。 這怎麼辦?

+0

閱讀您要調用的函數的文檔。 – SLaks

+0

hover()不是mouseover()。如果你給hover()只有一個函數,它將用於mouseover和mouseout事件。 –

回答

1

hover()函數爲mouseenter和mouseleave添加處理程序。

您只想處理mouseenter