Добре, това работи минус факта, че това работи, след като се обадя с fancybox чрез AJAX.
Статичен пример работи:
<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-те вградени рамки в .txt файлове и ги извиквам от файл index.html с помощта на fancybox2-ajax, извикването се проваля:
Index.html:
<a id="1" class="fancybox fancybox.ajax" href="/bgtext/1.txt">Link</a>
<a id="2" class="fancybox fancybox.ajax" href="/bgtext/2.txt">Link</a>
<a id="3" class="fancybox fancybox.ajax" href="/bgtext/3.txt">Link</a>
Текстовите файлове съдържат iframes:
<iframe id="videourl" width="640" height="340" src="" frameBorder="0"></iframe>
Как да кодирам JS, за да кажа, че се изпълнява всеки път, когато iframe се извиква от AJAX?
$(".fancybox").fancybox({ afterShow: function() { $("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")}); } });
- person RooksStrife   schedule 24.07.2014