将URL添加到基于iframe的ID通过Fancybox2-AJAX调用的iframe(Adding

好吧，我有这方面的工作有零下这个曾经通过我与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次的I帧拉成txt文件，并使用fancybox2-AJAX调用失败从index.html文件称他们为：

index.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> 

文本文件包含的I帧：

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

如何编写的JS说当每次IFRAME是通过AJAX调用时间运行？

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>

}）;

Answer 2:

回答：

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

文章来源: Adding a URL to an Iframe being called by Fancybox2-AJAX Based on the Iframe's ID