嵌入式元素重新启动jquery附加

时间:2014-03-13 15:59:40

标签: javascript jquery html css

我的页面分为3个区域,一个在左边,一个在右边,一个在中间,通常是隐藏的。

左侧部分显示YouTube,Photosynth,音频媒体HTML5等内容。

我创建了一个将内容移动到中间区域的动作。

$('.iilVisualizerContainer').appendTo('#iilecJQuery');

隐藏源div并使用更改宽度的动画取消隐藏目标。

标识为iilecJQuery的元素是iframe,其中包含如下媒体对象:

<iframe width="560" height="315" src="//www.youtube.com/embed/xxxxx" frameborder="0" allowfullscreen></iframe>

每次移动iframe时,内容都会重新开始。

是否可以阻止此类事件?

1 个答案:

答案 0 :(得分:1)

如果您从DOM中删除了一些元素,并再次附加它们,它将不再是相同的DOM元素,来自youtube的视频将再次加载,就像文件在正文上载后准备就绪一样。

您可以考虑在身体中附加iframe,并使用css(绝对/相对)调整位置。 您可以根据需要为iframe设置动画,但不要将其从DOM中删除