javascript - 根据 Iframe 的 ID 添加 URL 到由 Fancybox2-AJAX 调用的 Iframe

Question

好吧，我已经可以正常工作了，但一旦我通过 AJAX 使用 fancybox 调用后，就可以正常工作了。

静态示例作品:

 <iframe id="videourl1" width="640" height="340" src="" frameBorder="0"></iframe>
 <iframe id="videourl2" width="640" height="340" src="" frameBorder="0"></iframe>
 <iframe id="videourl3" width="640" height="340" src="" frameBorder="0"></iframe>

$("div.video-container iframe").each(function(){var idAdd=$(this).attr("id");$(this).attr("src","http://www.youtube.com/embed/"+idAdd+"?rel=0&autoplay=0&modestbranding=1&showinfo=0&autohide=1")})

现在，当我使用它并将 3 个 iframe 拉入 .txt 文件并使用 fancybox2-ajax 调用从 index.html 文件中调用它们时，它会失败:

索引.html:

  <a id="1" class="fancybox fancybox.ajax" href="text/1.txt">Link</a>
  <a id="2" class="fancybox fancybox.ajax" href="text/2.txt">Link</a>
  <a id="3" class="fancybox fancybox.ajax" href="text/3.txt">Link</a> 

文本文件包含 iframe:

  <iframe id="videourl" width="640" height="340" src="" frameBorder="0"></iframe>

如何编写 JS 代码，使其在每次 AJAX 调用 iframe 时运行？

Answer 1

您可以使用 fancybox 回调 afterLoad 在内容加载后运行 javascript。

但是，似乎没有必要跳过所有这些环节来加载视频，而不是仅仅使用媒体助手:

<a class="fancybox-media" href="http://www.youtube.com/watch?v=opj24KnzrWo">Youtube</a>

<script type="text/javascript">
$(document).ready(function() {
    $('.fancybox-media').fancybox({
        helpers : {
           media : {}
    }
});
</script>

});