Javascript jqueryit';她没有反应
我正在尝试使用SoundCloudAPI制作一个特殊的HTML5播放器。这个代码示例显示了如何从播放列表中为我添加到ul列表中的每个曲目获取曲目,其中包含一些li和曲目的封面图像Javascript jqueryit';她没有反应,javascript,jquery,html,soundcloud,Javascript,Jquery,Html,Soundcloud,我正在尝试使用SoundCloudAPI制作一个特殊的HTML5播放器。这个代码示例显示了如何从播放列表中为我添加到ul列表中的每个曲目获取曲目,其中包含一些li和曲目的封面图像 var url = 'http://api.soundcloud.com/playlists/44196539.json?client_id=3b3ca61a7c0afac8a6cfc678a24e23cf'; $.getJSON(url, function(playlist) { $(playlist.tracks
var url = 'http://api.soundcloud.com/playlists/44196539.json?client_id=3b3ca61a7c0afac8a6cfc678a24e23cf';
$.getJSON(url, function(playlist) {
$(playlist.tracks).each(function(i) {
console.log(playlist.tracks[i].title);
$('#liste').append('<li><img value='+playlist.tracks[i].stream_url+' src='+playlist.tracks[i].artwork_url+'></li>');
});
});
非常感谢您的帮助。使用
@向下投票者-请注意评论我犯了什么错误,然后只更正我的错误。它的工作非常感谢,但为什么它们不同?您在上下文中动态添加了li和图像标记以便事件委派
$('img').click(function(){
var x = $(this).attr('value');
console.log(x);
$('#player').attr("src",x+"?client_id=3b3ca61a7c0afac8a6cfc678a24e23cf");
});
$('#liste').on("click" , "img" , function(){
var x = $(this).attr('value');
console.log(x);
$('#player').attr("src",x+"?client_id=3b3ca61a7c0afac8a6cfc678a24e23cf");
});