У меня есть страница, на которой я делаю ссылки на биты контента в Colorbox фрейме. Источником каждого iframe является другая страница на моем сайте.
<script type="text/javascript">
$(document).ready(function(){
$('#content a').colorbox({ iframe: true, innerHeight: 580, innerWidth: 700 });
});
</script>
На этой странице iframed я реализовал плагин Facebook Comments, используя код HTML5.
<div id="fb-root"></div>
<div class="fb-comments" data-href="http://mydomain.com/permalink" data-num-posts="5" data-width="640" data-colorscheme="dark"></div>
<script type="text/javascript">
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
В первом iframe, который я открываю после начальной загрузки страницы ссылок, плагин комментариев работает как надо. Но после того, как я закрою этот iframe и открою другой, он и последующие iframe Colorbox будут не отображать плагин комментариев.
Когда веб-инспектор открыт для javscript moinitor при открытии iframe, я не получаю ошибок.
Отображение каждой встроенной страницы в отдельности, плагин комментариев работает, как ожидалось.
Есть идеи? Нужно ли мне подключаться к событию Colorbox cbox_load
и делать что-то, чтобы повторно инициализировать плагин комментариев в этот момент?