排序和重新插入元素将删除绑定函数

Question

我需要在插入一些行后对其进行排序。我现在正在做的是：

var $r = $tbody.find('tr').sort(function(a,b) { 
    return compare(taxstatusOf(a), taxstatusOf(b)); 
}); 
$tbody.empty().append($r); 

这工作，除了这是注定要包含的行元素的功能将不再绑定（或不再火灾，其数额为同样的事情）。

那么，有没有一种正确的方法来排序行失败像这样？我必须重新绑定吗？

Answer 1

D'oh。

体育迷的正确答案是.detach()。 .remove()应该剥离被删除的元素（删除本地数据和绑定函数等），这非常适合垃圾收集等等，但是当您打算稍后重新附加它们时，它们就是您不想要的。

工作代码：

var $r = $tbody.find('tr').sort(function(a,b) { 
    return compare(taxstatusOf(a), taxstatusOf(b)); 
}).detach().appendTo($tbody); 

（我不会“接受”我自己一小会儿，以防有人回答想出了一个更好的。）

（我猜这是好我发现问题后30秒的答案。现在下一个SO的人将从我的错误中获利）。

Answer 2

从您提供的示例代码，它看起来像你从原始元素中删除DOM a然后重新添加它们。由于最初绑定事件时DOM中不存在新排序的元素，因此它们没有绑定到它们的事件/函数。

要解决此问题，您可以使用live()或delegate()分配原始函数/事件，该函数将绑定到'future'以及'current'元素;或者你确实必须在排序代码中重新绑定事件，显然是在$tbody.empty().append($r);之后。