javascript - 使用 append() 移动对象后，jQuery 监听器目标似乎中断

Question

我有一系列对象，它们内部有一个链接来切换交换。 “下一个”交换算法将当前对象附加到下一个对象。

$('a.getNext').click(function() {
    var selector = 'div.foo';
    var currentObject = $(this).parents(selector).first();
    var nextObject = currentObject.nextAll(selector).first();
    nextObject.append(currentObject);
});

交换发生了，但调用交换的链接(在“当前”上下文中)不再有效。观察调试器，再次单击链接并查看 currentObject 出现的对象后，它在浏览器中为空白。我如何重新建立 click() 目标和它所在的正确“new”(?) foo div 之间的连接？

这是一个工作示例:http://jsfiddle.net/Z863z/2/

Answer 1

应该是……

currentObject.insertAfter(nextObject);

... 而不是 nextObject.append(currentObject)；检查this fiddle用于说明(以及一些流线)。您的目标是将当前容器移到下一个容器之后。

您的原始代码是将当前元素放在 下一个元素中。这就是查找不再起作用的原因:结构被破坏。