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閱讀更多關於授權事件