在jquery mobile中播放不同页面上的声音

Question

我需要在背景中播放声音，这些声音会一直重复 - 背景音乐。我在页面html中添加了<audio>标记并添加了事件

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

在页面的pageinit事件中。这是有效的，但即使我导航到其他页面，音乐仍应继续，我不知道如何制作。我将不胜感激任何帮助。谢谢

Answer 1

您可以使用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');
});