如何在不丢失内容的情况下沿 DOM 移动 iframe？答案

【问题标题】：How to move iframe along the DOM without losing it's content?如何在不丢失内容的情况下沿 DOM 移动 iframe？
【发布时间】：2011-02-22 13:14:38
【问题描述】：

有可能吗？

我试图移动它，但 iframe 内容消失了。

试图获取 iframe 的内容并将它们放在新位置，但所有处理程序都消失了。

尝试做同样的事情，但使用新的 jQuery 1.4.2 功能，它会克隆所有事件。

但它不起作用:)

所以我决定在这里寻求帮助。

如何将该死的 iframe 移动到文档中的另一个位置而不丢失其内容？ ^_^

谢谢

添加：

txtad_iframe = ad_container.find('iframe');                 
its_contents = txtad_iframe.contents();
its_body = its_contents.find("div:first").clone(true).insertAfter(cthis.find('#photos'));

我正在尝试将内容复制到新的广告容器。但它不起作用。上下文横幅对点击事件没有反应。

我尝试将 ad_container 移至容器，但 iframe 正文内容消失。

【问题讨论】：

请发布一些代码，以便我们准确了解您的尝试。
您是否尝试过移动 iframe 周围的内容并将 iframe 留在原处，所以看起来它已被移动？您还可以使用包含一些 css 的 div 包装 iframe，并更新该 div 以使其移动。使用绝对定位会很容易。
你不明白，我需要沿着 DOM 树而不是屏幕移动它。
如前所述，请显示用于在 DOM 中移动元素的确切代码。另外，请说明您在哪些浏览器中尝试过。
您找到解决方案了吗？我面临同样的问题，这也给我带来了问题。

标签： javascript dom iframe

【解决方案1】：

我相信除非在 iframe 中明确这样做，否则 iframe 中的项目不会被绑定。换句话说，iframe 内容不会从父窗口继承绑定事件。您必须先在 iframe 中绑定，然后再四处移动。

我认为。

编辑

我想你可能想做类似的事情

its_body = its_contents.find("div:first").clone(true);
$(its_body).insertAfter(cthis.find('#photos'));

【讨论】：

Clone(true) 没有帮助。似乎找不到任何要克隆的绑定事件。如果不重新加载它的内容，似乎不可能移动 iframe。