Javascript Draggtable-动态生成的表

我正在尝试使用

jquerydragtable

我的表是从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);
    });
};

为什么dragtable脚本只在第一次工作

---

您能否在JSFIDLE中共享您的脚本？我有一种感觉，.draggable handler一旦被移动，就会被脚本中的其他处理程序所取代。这会很困难，因为脚本非常广泛，但我确信它只是.draggable handler的一个处理程序。您应该提供一些简单的JSFIDLE来重现您的问题，因为即使有人试图为您制作简单的JSFIDLE，他也可能无法重现这个问题。

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