javascript - JQuery中的click事件，它没有响应

This question already has answers here:

jQuery doesn't work after content is loaded via AJAX
                                
                                    （8个答案）
                                
                        
                                5年前关闭。
            
                    
我正在尝试使用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");
});

任何有帮助的想法非常感谢。

最佳答案

使用event delegation

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

关于javascript - JQuery中的click事件，它没有响应，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24881793/