Question

我想在一个可动态表中的每一行添加一个类（＆＃34; fila_art＆＃34;），所以当我点击它们时，会添加另一个（＆＃34; marcar＆＃34;）。我试过这个：

$('#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");
});

但是，当我在桌面上搜索时，代码停止工作，我不能再添加课程（＆＃34; marcar＆＃34;）。我在搜索和类＃＆＃34; fila_art＆＃34;之后检查了代码。没有添加。有任何想法吗？抱歉拼写错误。

Answer 1

jsFiddle Example

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作为参数放置，将其指定为委托事件。

将类添加到可动态表上的行中，但在搜索后它们就消失了

1 个答案: