Draggtable - 动态生成的表

时间:2014-09-11 12:38:13

标签: javascript jquery

我正在尝试使用jquery dragtable http://plugins.jquery.com/dragtable/ 我的表是从json动态生成的。此表中的数据在同一视图中刷新了很多次,但可拖动脚本仅适用于第一次。这是我的代码生成表头:

this.setHeader = function() {
    var table = "<thead><tr><th><div class=\"draggable-handler\"><h4>L.P.</h4></div></th>";

    for (var attr in AttrMap.map) {
        if ($("#" + attr + "-checkbox").prop('checked')) {

            table += "<th><div class=\"draggable-handler\"><h4>" + AttrMap.getNameByAttrName(attr) + 
                     "</h4></div><img class=\"" + ARROW_DOWN_CLASS + "\" src=\"" + ARROW_DOWN_SRC + "\"/></th>";

        }
    }
    table += "</tr></thead>";
    $("#table-id").append(table);
    $("#table-id").dragtable({dragHandle:'.draggable-handler'});
    $("img.sort-icon,img."+ ARROW_DOWN_CLASS + ",img." + ARROW_UP_CLASS).click(function(event) {
        onSortClick(event);
    });
};

单击事件已正确注册,即使在刷新数据后也会始终调用函数。

$("img.sort-icon,img."+ ARROW_DOWN_CLASS + ",img." + ARROW_UP_CLASS).click(function(event) {
        onSortClick(event);
    });

为什么dragtable脚本只能第一次使用?

http://jsfiddle.net/b35ohh3r/1/

0 个答案:

没有答案