javascript - 克隆节点会重复事件

Question

我在页面上有一个 DOM 片段，需要在叠加层中显示。

使用 YUI 我替换了节点，然后使用以下 YUI 代码行在叠加层中放置一个克隆：

var overlayContent = content.replace(content.cloneNode(true));

我遇到的问题是，现在内容似乎向服务器发送了多个 AJAX 调用。因此，当用户单击按钮以增加一个项目时，会添加多个集合而不是单个项目，并且似乎以两个的倍数工作。

作为 YUI 的新手，我不知道如何防止这种情况发生，并且希望能有任何指导来防止这种情况发生。

Answer 1

在设置 YUI 覆盖的主体内容时克隆节点不是一个好主意。您应该传递普通标记（您可以使用 getHTML() 方法获得）作为覆盖的正文内容。

Answer 2

我们决定重新设计现有的实现，根本不使用克隆。

相反，我们将现有的片段从 DOM 拉到覆盖层中，然后在覆盖层关闭时将其从原来的位置放回。