javascript - Ajax创建动态div不支持点击功能，为什么？

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 6 年前。

我使用ajax创建动态div，并希望在单击id='listall'的div内的“a”时收到通知，但它不起作用，为什么？如何纠正。谢谢这是代码:

$(function(){


$.ajax({
            type: "GET",
            url: 'http://XXX:8080/',
            dataType:'json',
            contentType:"application/json",
            success:function(data){
                console.log(data);
                var projectList="<ul style='list-style:none;'>"

                for (var i = 0; i < data.data.length; i++) {

                        projectList += "<li><div id='listall'><a href='/projectDetail'>"+ 
                          "<img class='back' src='data.data[i]'></li>"
                }
             var projectList +="</ul>"

            },
            error:function(){
                    alert("connection error");
            }
}); 



    $('#listall').on('click', 'a', function (){
            console.log('click!');
            alert("finally");
    });
});

Answer 1

委托(delegate)事件

$('body').on('click', '#listall a', function (){
            console.log('click!');
            alert("finally");
    });