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

如果元素是动态生成的，您需要委托事件...但是，建议将其委托给最接近的staic父容器而不是document本身，以获得更好的性能。link阅读有关委派活动的更多信息

带有click事件的jQuery动态ajax数据

1 个答案: