Question

我克隆了一个包含复选框的div，下面的函数适用于原始div，但它无法对克隆的div复选框做出反应。代码不是那么容易理解，这就是为什么不在这里分享。我在做什么概念错误。请帮助!! 1

$(".checkboxes").change( function(){
if(this.checked) 
{
//something
}
});

Answer 1

我猜你在加载时加载了change（）函数，之后你克隆了一些元素。如果你想在动态加载的内容上有事件，那么你必须再次调用事件函数或者在一个静态的包装器上激活事件，如下所示：

// .checkboxes-wrapper is loaded at the beginning and it's appended with the new checkboxes
$('.checkboxes-wrapper').on('click', '.checkboxes', function(){
    // do your stuff here
});

Answer 2

There is a demo来模拟您的问题。

$("body").on('change','.checkboxes',function(){
  if(this.checked) 
  {
    alert('!')
  }
});

$('.checkboxes').clone().appendTo('body');

检查功能不适用于克隆的div

2 个答案: