JQuery에서 click 이벤트가 응답하지 않습니다.

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

    }); 
    }); 

그 후에 나는 이것을하고 있습니다. 클릭 이벤트에서 오디오 플레이어의 속성 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"); 
});