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)load関数呼び出しはリストを更新しましたが、チェックボックスのクリックイベントは新しいリストで応答しません(ちなみに、jsはまだ新しいリストに添付されています)

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

これまでに会ったことがありますか?私が今調査している解決策は、チェックボックス入力にonclickイベントを追加することですが、onclickを管理する方法があると思います。

乾杯

LL

4

1 に答える 1

2

ケビンBが言ったように。例えば:

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