Question

我正在尝试使用soundcloud API做一个特殊的HTML5播放器。此代码示例显示了如何从播放列表中为每个曲目播放列表中的曲目，我将其附加到一个带有曲目封面图像的ul列表中。

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>');

     });
  });

之后，我得到了他们，我正在这样做。在click事件中，音频播放器的属性src将接收流音频的值。但是当我点击它没有响应时的问题。当我显示我的源代码

时，我的图像就存在了

$('img').click(function(){
    var x = $(this).attr('value');
    console.log(x);
    $('#player').attr("src",x+"?client_id=3b3ca61a7c0afac8a6cfc678a24e23cf");
});

任何有用的想法非常感谢。

Answer 1

使用event delegation

$('#liste').on("click" , "img" , function(){
    var x = $(this).attr('value'); 
    console.log(x);
    $('#player').attr("src",x+"?client_id=3b3ca61a7c0afac8a6cfc678a24e23cf");
});

JQuery中的click事件没有响应

1 个答案: