jquery - 将类添加到可动态表上的一行，但搜索后它们消失了

Question

我想向可动态表中的每一行添加一个类（“fila_art”），所以当我单击它们时，会添加另一个类（“marcar”）。我试过这个：

$('#tableId').dynatable({
    table: {
        defaultColumnIdStyle: 'camelCase'
    }
}).bind('dynatable:afterProcess', processingComplete());

function processingComplete (){
        $("#tableId").children("tbody").children().addClass("fila_art");
}

$( ".fila_art" ).live("click", function() {
    $(".fila_articulo").removeClass("marcar");
    $(this).addClass("marcar");
});

但是当我在表格上进行搜索时，代码停止工作，我无法再添加类（“marcar”）。搜索后我检查了代码，不再添加“fila_art”类。有任何想法吗？对不起拼写。

Answer 1

jsFiddle 示例

var processingComplete = function(){
    $("#tableId").children("tbody").children().addClass("fila_art");
};

$('#tableId').dynatable({
    table: {
        defaultColumnIdStyle: 'camelCase'
    }
}).bind('dynatable:afterProcess', processingComplete);

processingComplete();

$('body').on('click', '.fila_art' ,function(){
    $(".fila_art").removeClass("marcar");
    $(this).addClass("marcar");
});

来自 jQuery 文档：on()

如果将新 HTML 注入页面，请在将新 HTML 放入页面后选择元素并附加事件处理程序。或者，使用委托事件附加事件

将选择器.file_art作为参数将其指定为委托事件。