我一直试图创建一个网页,当用户单击一个按钮时,该网页可以播放几首不同的歌曲。我一直在使用按钮上的value属性来存储要发送给音频播放器的歌曲名称。单击该按钮时,歌曲仍为默认歌曲,将不胜感激!
的HTML
<button value="newsong.mp3">NEW SONG</button>
<audio controls id="player" src="sound/default.mp3" autoplay></audio>
Java脚本
var song;
$(document).ready(function(){
$("button").click(function(){
song=$(this).attr("value");
$("#player").attr("src","sound/"+song);
});
};
});
编辑:在事故复制代码上切换名称;这两个ID都是播放器而非音乐
最佳答案
您在JS代码中使用了额外的};
:
var song;
$(document).ready(function(){
$("button").click(function(){
song=$(this).attr("value");
$("#player").attr("src","sound/"+song);
});
});
See this Fiddle
关于javascript - 使用jquery和<audio>更改歌曲,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21411580/