Iframe의 ID가

Question

에 기반한 Fancybox2-AJAX에 의해 호출되는 Iframe에 URL 추가하기 AJAX를 통해 fancybox를 호출하면이 기능이 작동하지 않는다는 사실을 알았습니다.

정적 예 작품 : 나는 이것을 가지고가 .txt 파일로 3 개 iframe을 끌어 fancybox2 - 아약스는 전화를 사용하여 index.html 파일에서 호출 할 때

<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")}) 

지금 실패

index.html을 :

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

012 :

<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이 AJAX에 의해 호출 될 때마다 실행되는 JS를 어떻게 코딩합니까?

Answer 1

답변 :

$(".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") 
     }); 
    } 
}); 

Answer 2

내용이로드 된 후 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> 

을});