我一直试图创建一个网页,当用户单击一个按钮时,该网页可以播放几首不同的歌曲。我一直在使用按钮上的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/

10-13 02:13