通过jQuery Mobile页面中的url参数加载mp3

Question

我在jquery mobile中有一个xml的mp3文件列表，它通过url传递mp3路径将用户引导到HTML5音频播放器，然后将其插入音频标签的src中。但是，src只会在我点击刷新时更改，而不会在第一次加载时更改。我错过了什么？这是代码：

$( document ).bind( 'pageinit',function(event){
    var url = $.url();
    var mp3 = url.attr('query');
    var play = document.querySelector("audio");
    play.src=mp3; 
    play.load();
});

和

<div data-role="page" id="audiopage" data-ajax="false">
<div id="audio">
<audio controls="control" preload="none" src="" type="audio/mp3" id="sound"></audio>