Перейти к содержанию

Elementor Pro - Popup. Функции JS для всплывающих окон. Открыть или закрыть попап на JavaScript.


Печенег

470 просмотров

 Поделиться

Закрытие окна:

elementorProFrontend.modules.popup.closePopup( {} );

elementorProFrontend.modules.popup.closePopup( {id:001} ); - с указанием ID конкретного popup.

Открытие:

elementorProFrontend.modules.popup.showPopup( {} );

elementorProFrontend.modules.popup.showPopup( {id:001} ); - с указанием ID конкретного popup.

Пример использования:

Открываем popup с id 001 по клику на элемент DOM с id - your_ID.

jQuery(document).on('click','#your_ID', function(event){
	elementorProFrontend.modules.popup.showPopup( {id:001}, event);
});

Просто закрываем popup с определенным id

 elementorFrontend.documentsManager.documents[001].getModal().hide();

или

var document = elementorFrontend.documentsManager.documents[001];
document.getModal().hide();

 

Триггеры событий всплывающих окон:

elementor/popup/show - когда всплывающее окно открыто/показано

elementor/popup/hide - когда всплывающее окно закрыто/спрятано

Каждый раз, когда отображается всплывающее окно, мы запускаем событие, elementor/popup/show а когда всплывающее окно закрывается, мы запускаем событие elementor/popup/hide.

Пример использования:

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

jQuery( document ).on( 'elementor/popup/show', () => {
	// do your tracking here
} );

Обратный вызов события вызывается с 3 переменными:

  • Event– объект события dom.
  • popupId– идентификатор всплывающего окна, которое вызвало событие
  • popupDocument– Экземпляр объекта всплывающего документа elementor

Это позволяет вам иметь еще больший контроль, например, если я хочу запускать свой код отслеживания только при закрытии определенного всплывающего окна:

jQuery( document ).on( 'elementor/popup/hide', ( event, id, instance ) => {
	if ( id === 123 ) {
		// do your tracking here
	}
} );

 

 Поделиться

0 Комментариев


Рекомендуемые комментарии

Комментариев нет

Гость
Добавить комментарий...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Общий чат

Введите ваше имя

×
×
  • Создать...

Важная информация

Продолжая использовать Веб-сайт ostogramm.ru Вы автоматически соглашаетесь с Политика конфиденциальности и Правила, в ином случаи просто покиньте его.