Как определить из скрипта, что fancybox popup уже открыт?

Если пользуетесь jQuery плагином fancybox, то могли сталкиваться с тем, что необходимо увязать логику каких то других скриптов с фактом, показан ли попап в текущий момент или нет.

К сожалению, в официальной документации к API fancуbox нет упоминаний о методе, позволяющем определить — открыто ли всплывающее окно в текущий момент. Явное упущение разработчиков.

Но гарантированно проверить этот факт не сложно.

Достаточно посмотреть добавлен ли в <body> css класс fancybox-active или нет:

Маловероятно, что разработчики поменяют название класса в будущем, потому можно использовать данный метод. Но, возможно, они расширят своё API и добавят функцию проверки.

Мало букафф? Читайте есчо !

Анимация ожидания загрузки/обновления, используя CSS3

Октябрь 26, 2015 г.

Одна из типичных задач для улучшения пользовательского интерфейса на сайтах - это визуализация ожидания загрузки/обновления страницы. Наиболее частый случай ...

Читать

Устанавливаем видео с youtube/vimeo на задний фон

Октябрь 14, 2017 г.

Речь пойдет об jQuery плагинах YTPlayer и Vimeo_player. Сложно что либо добавить к официальным описаниям на github и демосайтах, т.к. подключение и использование не отличается от многих других jQuery плагинов. Плагины позволяют подставить в бекграунд ...

Читать

Формирование связанных списков select произвольной вложенности

Декабрь 11, 2016 г.

Не ослабевает интерес к вопросу о динамическом создании связанных выпадающих HTML списков. Для двух зависимых списков (я публиковал пример более 5 лет назад!) ситуация простая и понятная, но люди задают вопрос - а как развить пример для вложения 3х списков? ...

Читать

Как определить загружен ли определенный плагин для jQuery

Сентябрь 7, 2018 г.

Возможно ли проверить загружен или нет определенный jQuery плагин? Нет ничего проще! Самый краткий вариант проверки того, определен ли в текущий ...

Читать
 

Комментарии к «Как определить из скрипта, что fancybox popup уже открыт?»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: