0

我正在使用 jquery 来检查和取消选中项目，以便将操作与它们相关联。非常常见的任务......下面的功能非常适合。使用 ajax load() 刷新列表后出现问题，在这种情况下，onclick 事件不再响应：

1）jQuery函数

$('#checkItemsAll').change(function() { 
        var cb = $("#filesSection").find(':checkbox');
        if(this.checked) {
            cb.attr('checked', true); 
            cb.each(function(o){
                var chkID = $(this).val();
                $("#"+chkID).addClass('alert alert-info');
              });
        }else{ 
            cb.attr('checked', false);
            cb.each(function(o){
                var chkID = $(this).val();
                $("#"+chkID).removeClass('alert alert-info');
              });
        }
    });

    $('input:checkbox').click(function(){
        if(this.checked) {
          $('#'+this.value).addClass('alert alert-info');
        }
      else {
          $('#'+this.value).removeClass('alert alert-info');
      }
    });

2）加载函数调用，已刷新列表但复选框单击事件在新列表上没有响应（顺便说一下，js中的js仍然附加到新列表）

$("#filesSection").load(node.data.url+'?folderId='+node.data.key);

你以前遇到过吗？我现在正在研究的一个解决方案是在复选框输入上添加一个 onclick 事件，但我想有一种方法可以管理 onclick。

干杯

二

4

1 回答 1

2

就像凯文 B 说的。例如：

$(document).on('click', 'input:checkbox', function(){
...
});
于 2013-03-13T21:18:32.720 回答