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

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

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

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

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

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

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

Создаём ripple эффект

Апрель 29, 2017 г.

Ripple эффект - это анимация, визуально напоминающая расходящийся круг. Иногда накладывают несколько эффектов сразу и это выглядит как расходящиеся круги ...

Читать

Fancybox прокручивает основное окно к верху

Июль 13, 2016 г.

Сталкивался с таким поведением плагина fancybox. При открытии модального окна, происходит прокрутка в основном окне к самому верху. Как с этим бороться? Это происходит не всегда, а при некоторых случаях верстки. Верстку уже менять проблематично, ...

Читать

Установка значения атрибута HTML DOM элемента средствами js

Декабрь 17, 2018 г.

При работе с HTML документом из JavaScript одной из типовых операций является установка значения того или иного атрибута выбранного контейнера (тега). Vanila JS В чистом js (vanila) значение атрибута можно установить следующим образом: [crayon-6979c2da5420e697384196/] ...

Читать

Улучшаем реакцию меню

Апрель 28, 2016 г.

Pull-down - выпадающим меню, работающим на javascript, никого не удивить. Мне не нравится, что оно закрывается мгновенно, как курсор мыши выходит за край выпавшей секции. Немного промахнешься (особенно это часто случается с последними пунктами), и меню ...

Читать
 

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

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



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