Почему не работает js в fancybox 3?

Question

[WebforSelf]

Друзья, на сайт добавляю тяжелую галерею. И дабы не грузить главную страничку подгружаю с помощью фрейма галерею.

<a data-fancybox  data-options='{"caption" : "3D Обновленный", "src" : "site.ru/galery-tpl/galery-new.php", "type" : "iframe"}'  href="javascript:;" class="link_3D zoom">Обновленный</a>

в файле galery-new.php

<div class="thumb-item">  
<img class="img-responsive lazy" src="/assets/images/3d/new/1.jpg" alt="Alt">
<img class="img-responsive lazy" src="/assets/images/3d/new/2.jpg" alt="Alt">
<img class="img-responsive lazy" src="/assets/images/3d/new/3.jpg" alt="Alt">
</div>
<script>
$(".thumb-item").brazzersCarousel();
</script>

в обычном всплывающем окне работает. а во фрейме пишет ошибку

Uncaught ReferenceError: $ is not defined
    at

Answer 1

[Александр Вульф]

Не подключен jquery на этой странице?

Comments

[WebforSelf]

на странице которая подтягивается? Нет. Получается у меня site.ru
Там все скрипты подключены. во фрейме только то что выше указал.

[Александр Вульф]

WebforSelf, фрейм, это как отдельная страница, она не наследует скрипты и стили из своего родителя. Там тоже надо подключать всё. Причем на родительской странице код карусели не нужен.

[WebforSelf]

Александр Вульф, хотел вместо фрейма через аякс загрузить, но почему то идет глюк пока полностью не прогрузится галерея. А фрейм нормально идет ( загрузка пока все не прогрузится). Может можно через аякс сделать чтоб при загрузке пока все картинки не прогрузятся будет крутиться изображения загрузки?

[Александр Вульф]

WebforSelf, можно и через аякс) Сначала через new Image загружаешь все, а как загрузилось инициализируешь галерею.

[WebforSelf]

Александр Вульф, new Image это как?

<a data-fancybox data-type="ajax" data-src="https://site.ru/galery-tpl/galery-new.php" href="javascript:;" >Галерея</a>

вот подключаю вывод страницы galery-standart через ajax , а далее сама галерея

<div class="thumb-item">  
<img class="img-responsive lazy" src="/assets/images/3d/new/1.jpg" alt="Alt">
<img class="img-responsive lazy" src="/assets/images/3d/new/2.jpg" alt="Alt">
<img class="img-responsive lazy" src="/assets/images/3d/new/3.jpg" alt="Alt">
</div>
<script>
$(".thumb-item").brazzersCarousel();
</script>

Как правильно сделать чтоб сначала все загрузилось а потом инициализировать галерею?