jQuery动态Ajax数据与点击事件

Question

嘿，我想弄清楚为什么，当我填充我的网页的数据，当我尝试做一个.click事件的复选框，它从来没有找到它...... 但当我有页面上的代码没有从Ajax收集它的作品就好了？

jQuery(document).ready(function() { 
    jQuery('#selectAll').click(function() { 
     console.log('hit'); 
    }); 
}); 

<th scope="col" id="cb" class="manage-column column-cb check-column"> 
    <input id="selectAll" type="checkbox"> 
</th> 

上面的代码，如果该复选框代码是在页面上开始但如果相同的代码通过AJAX填充不起作用工作得很好。

我会做什么不正确？

Answer 1

对委托事件使用

jQuery(document).ready(function() { 
    jQuery(document).on('click','#selectAll',function() { 
    console.log('hit'); 
    }); 
}); 

您需要委托的情况下，如果是动态生成的元素......但是，建议将其委托给比document本身更好最接近staic父容器性能.. link阅读更多关于授权事件