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

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

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

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

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

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

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

Делаем эффект параллакса для заднего фона на сайте

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

Очень простая мулька, но выглядит при соответствующем фоне потрясающе. Сделаем так, чтобы при скроллинге страницы, фон двигался вдвое медленнее, создавая что то вроде эффекта параллакса. Этот кусочек скрипта привязывает нас к событию onscroll окна. ...

Читать

Показ навигации и пагинатора swiper js за пределами контейнера

Апрель 11, 2018 г.

swiper js - jQuery плагин для создания адаптивной карусели  картинок. Посмотрим как сверстать шаблон так, чтобы элементы управления слайдером можно было размещать за пределами контейнера слайдера. SWIPER на GITHUB. Это стандартный шаблон, который ...

Читать

Проверка checkbox состояния checked, jQuery

Февраль 19, 2020 г.

Шаблон для проверки состояния элемента input[type='checkbox']. Код проверяет отмечен элемент или нет. [crayon-6a4feedb34f55042353457/] Проверка выполняется с помощью метода is(), который читает в данном случае не атрибуты тега input, а именно ...

Читать

Виджетик для сравнения двух картинок

Ноябрь 1, 2015 г.

Этот виджет может найти применение для сайта дизайнера или фотографа, которые занимаются реставрацией или обработкой изображений. Наверное, приложений ...

Читать
 

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

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



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