延迟 div 的“创建”，而不仅仅是显示 div

Question

我可能没有使用正确的术语，但希望我能正确地回答我的问题。我想知道是否可以“延迟”特定 div 的“创建”，而不仅仅是延迟 FadeTo 或 Show jquery 命令。

我问是因为我使用的 Vimeo API 完全令人难以置信和令人沮丧（至少对我来说 - 这是无尽耻辱的根源，我在尝试任何此类 Vimeo API 编码时陷入自怜）。我想要做的只是延迟嵌入 Vimeo 视频的 iframe 代码的自动播放。问题是我将包含 vimeo iframe 的 div 设置为在页面加载后隐藏三秒钟，然后再淡入，但由于它只是隐藏，因此视频在访问者实际看到之前就开始播放。我只是将 &autoplay=1 用于 vimeo 嵌入...

所以，我想除了让这个令人困惑的 Vimeo API 尝试以这种方式延迟视频之外，唯一的其他解决方案是能够仅使用 jQuery 命令来延迟 vimeo iframe 甚至在页面上加载/创建，直到容器 div 淡入。

如果可以的话，我会祝福我的幸运符。如果有人在接下来的几个小时内回答，则加倍积分！非常感谢！！！

Answer 1

我刚刚编辑了我的答案并将其应用于您提供的代码：

---

所以我在这里所做的是：
1) 将 jquery 加载到您的页面中
2) 当 jquery 看到您的 id="div" 为“就绪”的 div 时，它会触发一个警报，显示已加载 (您可以将其删除，这只是为了测试目的），然后将 src 延迟 2 秒（2000 毫秒）从您的 iframe 中加载
3）因此您可以将 2000 更改为您想要的任何时间，并确保“player_1”与您的 iframe id 匹配

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script>
 $(document.getElementById('div')).ready(function() 
{
       alert('loaded');
    setTimeout('document.getElementById("player_1").src="http://www.youtube.com/v/82CYNj7noic?autoplay=1"', 2000);

 });

</script>

<div id="div" class="div">
<iframe class="iframe" id="player_1" >    </iframe>
</div>

​ ​

这对你有用吗？我希望我有帮助！