在jquery mobile播放不同頁面的聲音

我需要在背景中播放聲音，這將會重複所有的時間 - 背景音樂。我在pageinit活動頁面加入我的網頁HTML <audio>標籤，並添加事件在jquery mobile播放不同頁面的聲音

$("#audio-player").on('ended', function() { 
    //play again 
}

。這種方式很有效，但即使我導航到其他頁面時，音樂仍會繼續播放，但我不知道如何製作。我將不勝感激任何幫助。謝謝

來源

2014-09-10 Mediha

你加入'循環= 「真」''來標記audio'？ – Omar 2014-09-10 14:04:18

http://jsfiddle.net/Palestinian/g7eeo6y3/ – Omar 2014-09-10 14:10:54

這工作。我已經嘗試過這種方法，但它不起作用，所以我認爲我做錯了什麼，但它在設備上完美運行。請張貼這個答案，所以我可以標記ti。謝謝你。 – Mediha 2014-09-13 16:55:13

您可以使用AJAX加載新頁面。使用jQuery的load（）來只將新頁面的#content部分加載到當前頁面的#content div中。

HTML

<header> 
    <audio controls> 
     <source src="horse.ogg" type="audio/ogg"> 
    </audio> 
    </header> 

    <a href="page2.html">Page 2</a> 

    <div id="content"> 
    Page 1 content 
    </div> 

</body> 
</html>

的JavaScript/jQuery的

$('a').click(function(e){ 
    e.preventDefault(); 
    var target = $(this).attr('href'); 

    $('#content').load(target + ' #content'); 
});

來源

2014-09-10 13:53:54

在jquery mobile播放不同頁面的聲音

回答

相關問題