Jquery mobile jQuery移动和HTML5音频

Jquery mobile jQuery移动和HTML5音频,jquery-mobile,html5-audio,Jquery Mobile,Html5 Audio,我正在使用jQuery mobile并使用HTML5音频标签。我有一个按钮来触发页面上的音频播放。我通过以下操作触发音频播放: $('#voice').live("click", function() { $('#speech').trigger("play"); }); 音频标签很简单: <audio src="path_to_media" id="speech"></audio> 当第一次加载页面时,音频工作正常,但是页面转换时不会更新上的音频标记和源,因

我正在使用jQuery mobile并使用HTML5音频标签。我有一个按钮来触发页面上的音频播放。我通过以下操作触发音频播放:

$('#voice').live("click", function() {
    $('#speech').trigger("play");
});
音频标签很简单:

<audio src="path_to_media" id="speech"></audio>

当第一次加载页面时,音频工作正常,但是页面转换时不会更新上的音频标记和源,因此转到另一个具有不同音频的页面并单击“播放”将播放与第一个页面相同的音频文件,当然,除非我手动刷新浏览器。有什么办法可以解决这个问题吗?

无法确切说明您的问题,但是我在这里做了完全相同的事情:


它在桌面和iPhone上运行良好,但在Android上,我看到了与您相同的行为,一种解决方案是从DOM中删除audio标记,然后创建一个新标记并将其注入,从而为您提供一个应重置的audio对象的新实例。您在哪个平台上看到问题,您是否也在桌面浏览器中看到问题?

我也在桌面浏览器中看到问题。我同意你的建议,通过DOM删除并重新创建音频标签。