【iCheck】通过 JS 动态生成的元素点击无效的解决方法

HTML

<div class="checkbox">
    <label>
       <input type="checkbox"> Sample    </label>
 </div>

JS

 $('input').iCheck({
    checkboxClass: 'checkbox-default',
    radioClass: 'radio-default'
  }); $('body').on('click', '.add-new-option', function() { 
        $('.new-option-content').append('<div class="checkbox"> <label> <input type="checkbox"> Sample </label> </div>');
  });

此时生成的checkbox点击无法改变状态

解决方法：重新绑定icheck事件

$('body').on('click', '.add-new-option', function() { 
  $('.new-option-content').append('<div class="checkbox"> <label> <input type="checkbox"> Sample </label> </div>');
  $('input').iCheck({
    checkboxClass: 'checkbox-default',
    radioClass: 'radio-default'
  });});