我正在尝试使用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脚本只能第一次使用?