我的页面分为 3 个区域，一左一右一中间，通常是隐藏的。
左侧显示一些内容，例如 YouTube、Photosynth、音频媒体 HTML5。
我创建了一个将内容移动到中间区域的操作。
$('.iilVisualizerContainer').appendTo('#iilecJQuery');
使用改变宽度的动画隐藏源 div 并取消隐藏目标 div。
id 为 iilecJQuery 的元素是一个 iframe，其中包含如下媒体对象:
<iframe width="560" height="315" src="//www.youtube.com/embed/xxxxx" frameborder="0" allowfullscreen></iframe>
每次移动 iframe 时，内容都会重新启动。
可以防止此类事件发生吗？
最佳答案
如果您从 DOM 中删除一些元素，然后再次追加它们，则它将不再是相同的 DOM 元素，来自 YouTube 的视频将再次加载，就像在正文加载后文档准备就绪时一样。
您可能会考虑将 iframe 附加到正文中，并使用 css (绝对/相对)调整位置。 您将能够根据需要对 iframe 进行动画处理，但不要将其从 DOM 中删除
关于javascript - jquery 附加时嵌入元素重新启动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22384155/