JQuery - 点击时更改音频歌曲？

Question

我阅读了W3Schools上的HTML5音频参考，并试图找出如何更改歌曲。他们的例子显示了改变视频。当我点击某首歌时，我想用jquery做这个。

我点击的歌曲的ID为#song-two

$("#song-two").click(function() {
  $("#mp3_src").src("songs/songtwo.mp3");
});

但这首歌没有加载。有什么想法吗？

Answer 1

试试这个

$("#song-two").click(function() {
  $("#mp3_src").attr("src", "http://example.com/new_url.mp4"​​​​)​
});

而不是

$("#song-two").click(function() {
  $("#mp3_src").src("songs/songtwo.mp3);
});

Answer 2

你试过吗？

$("#audiochange").attr("src","songs/songtwo.mp3");

您也可以尝试提供完整的网址，即：

$("#audiochange").attr("src","http://yoursite.com/songs/songtwo.mp3");

参考文献：

http://api.jquery.com/attr/