Вы здесь

»
»
Drupal 8: Как закрыть модальный диалог при клике вне его окна?

Сообщение об ошибке

  • Notice: Undefined index: DraggableCaptchaAnswer в функции draggable_captcha_generate_refresh() (строка 197 в файле /var/www/borodinyru/data/www/borodiny.ru/sites/all/modules/draggable_captcha/draggable_captcha.module).
  • Notice: Undefined index: DraggableCaptchaCodes в функции draggable_captcha_generate_refresh() (строка 197 в файле /var/www/borodinyru/data/www/borodiny.ru/sites/all/modules/draggable_captcha/draggable_captcha.module).
  • Notice: Undefined index: DraggableCaptchaAnswer в функции draggable_captcha_generate_refresh() (строка 197 в файле /var/www/borodinyru/data/www/borodiny.ru/sites/all/modules/draggable_captcha/draggable_captcha.module).
  • Notice: Undefined index: DraggableCaptchaCodes в функции draggable_captcha_generate_refresh() (строка 197 в файле /var/www/borodinyru/data/www/borodiny.ru/sites/all/modules/draggable_captcha/draggable_captcha.module).
  • Notice: Undefined index: DraggableCaptchaAnswer в функции draggable_captcha_generate_refresh() (строка 197 в файле /var/www/borodinyru/data/www/borodiny.ru/sites/all/modules/draggable_captcha/draggable_captcha.module).
  • Notice: Undefined index: DraggableCaptchaCodes в функции draggable_captcha_generate_refresh() (строка 197 в файле /var/www/borodinyru/data/www/borodiny.ru/sites/all/modules/draggable_captcha/draggable_captcha.module).

Drupal 8: Как закрыть модальный диалог при клике вне его окна?

Главные вкладки

Автор: Саша → 28.11.2021

Решение достаточно простое. Нужно в скриптах темы прописать событие, которое будет завязано на открытии диалога.

(function ($) {
  Drupal.behaviors.globalBehaviors = {
    attach: function (context, settings) {
      // Событие на открытии диалога
      $(window)
        .once('dialog-aftercreate')
        .on('dialog:aftercreate', function(dialog, $element, settings) {
          $('.ui-widget-overlay').once('dialog-overlay-click').on('click', function(){
            $element.close();
          })
        });
    }
  };

 

Раздел: 
Создание сайтов
Тэги: 
Javascript
Поделиться:

Оставить комментарий