jQuery事件代理给父元素不起作用，代理给body就可以

Question

通过ajax请求数据动态生成的结构，通过事件代理的方式添加点击事件一般来说，代理给已经存在的父元素就可以，但是我每一次都只能代理到body上才会生效，父元素上没有效果，求解，很疑惑，找不到原因。贴一段简单的实验代码jQuery('body').on('click','ul li',function(){    alert(1);});var html = '<li>111111111111</li>';jQuery('ul').html(html);body就可以生效jQuery('ul').on('click','ul li',function(){    alert(1);});var html = '<li>111111111111</li>';jQuery('ul').html(html);代理给ul就完全没用。求助各位大神

Answer 1

jQuery('ul').on('click','li',function(){

    alert(1);

});

var html = '<li>111111111111</li>';

jQuery('ul').html(html);