Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Закрытие модального окна при клике вне его области как сделать?

Закрытие модального окна при клике вне его области как сделать?

     25.11.2018    Все вопросы » jQuery    2784

вопрос
Закрытие модального окна при клике вне его области как сделать?

$modalBlock.appendTo('body').find('#' + modalId).html($html).dialog({
      width: 900,
      modal: true,
      close: function() {
        $('#' + modalId).remove();
      }
    });

Ответа пока нет

 

8 комментариев

Flash
Эксперт

Flash - 25 ноября 2018 10:41 - 

$modalBlock.appendTo('body').find('#' + modalId).html($html).dialog({
	width: 900,
	modal: true,
	close: function() {
		$('#' + modalId).remove();
	},
    open: function(event, ui) { 
        $('.ui-widget-overlay').bind('click', function() { 
            $('#' + modalId).dialog('close'); 
        }); 
    }
});
Бесплатные шаблоны
alex_kokorin
Юзер

alex_kokorin - 14 марта 2019 09:37 -

Добрый день, подскажите, вот код моего окна 
function showBlockprava() {
$(function(){
    $('#prava').dialog({
        autoOpen: true,
        modal: true,
        width: 700, 
    });
});
}

Что мне и куда прописать, чтобы он закрывался автоматом при клике за него?
Flash
Эксперт

Flash - 14 марта 2019 10:00 -

Попробуйте так 
function showBlockprava() {
	$(function(){
		$('#prava').dialog({
			autoOpen: true,
			modal: true,
			width: 700,
			open: function(event, ui) {
				$('.ui-widget-overlay').bind('click', function() { 
					$('#prava').dialog('close'); 
				}); 
			}
		});
	});
}
Бесплатные шаблоны
alex_kokorin
Юзер

alex_kokorin - 14 марта 2019 10:01 -

Неа, не срабатывает(
Flash
Эксперт

Flash - 14 марта 2019 10:16 -

Попробуйте код еще раз вставить, я только что исправил. И CTRL+F5 нажмите. Сайт на хостинге?
Бесплатные шаблоны
alex_kokorin
Юзер

alex_kokorin - 14 марта 2019 10:18 -

Урааа....Спасибо большое, все работает)
alex_kokorin
Юзер

alex_kokorin - 14 марта 2019 10:21 -

А может знаете, как теперь при открытии добавить к body либо класс overflowhidecs, либо стиль overflow: hidden (это отключение скролла)
Студент
Юзер

Студент - 17 октября 2020 23:40 -

Друзья помогите пожалуйста, с моим скриптом.
// Меню
var classes=[],
a=$("#header .h_btn").click(function(e){
e.preventDefault();
a.not(this).toggleClass("open",false);

$("html").removeClass(classes);

if( $(this).toggleClass("open").hasClass("open") )
$("html").addClass( $(this).prop("id")+"_open" );

});
За ранее спасибо.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 08.12.2011 asot  jQuery
 09.05.2012 didfree  jQuery
 23.11.2012 Heavy1  jQuery, Хаки
 29.10.2013 graver  jQuery
 12.02.2014 Gopr  jQuery
 04.03.2014 feniks01  jQuery
 02.08.2014 fh79655l123  jQuery
 02.08.2014 fh79655l123  jQuery
 25.06.2015 skaWizer  jQuery
 23.06.2017 Felix  jQuery
  • non-stop | Как решить проблему индексации DLE в пои ... 1
    Фото non-stop
    non-stop
    Как решить проблему индексации DLE в поиске Bing?
    19-12-2024, 17:02
    Забыл написать что обновился до последней версии 17.3
    Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
    В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
  • lutskboy | Как максимально грамотно организовать до ... 1
    Фото lutskboy
    lutskboy
    Как максимально грамотно организовать добавление материалов через SQL-запросы?
    18-12-2024, 21:39
    все верно. related_ids автоматом заполняется потом.
  • derebas | Убираем xfsearch из адресной строки 7
    Фото derebas
    derebas
    Убираем xfsearch из адресной строки
    16-12-2024, 02:35
    в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
    str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
  • toxicpioner | Убираем xfsearch из адресной строки 7
    Фото toxicpioner
    toxicpioner
    Убираем xfsearch из адресной строки
    15-12-2024, 19:31
    если в доп поле есть пробел, будет выдавать просто 403 стр
  • dj-avtosh | Воспользовался хаком удаление html из ад ... 2
    Фото dj-avtosh
    dj-avtosh
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    12-12-2024, 17:26
    Нужно правило с year поднять выше всех в .htaccess
  • TeraMoune | Воспользовался хаком удаление html из ад ... 2
    Фото TeraMoune
    TeraMoune
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    11-12-2024, 22:12
    У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
  • toxicpioner | Как упорядочить ID новостей 19
    Фото toxicpioner
    toxicpioner
    Как упорядочить ID новостей
    9-12-2024, 22:24
    ***Комментарий удален***
  • DnCnv | Как показать только одну категорию, к ко ... 1
    Фото DnCnv
    DnCnv
    Как показать только одну категорию, к которой принадлежит новость?
    9-12-2024, 01:46
    ***Комментарий удален***
  • web102 | Почему не отображается картинка в галере ... 3
    Фото web102
    web102
    Почему не отображается картинка в галерее?
    4-12-2024, 11:49
    дайте адрес сайта. можно в личку
  • Shandi | Почему не отображается картинка в галере ... 3
    Фото Shandi
    Shandi
    Почему не отображается картинка в галерее?
    3-12-2024, 08:53
    Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?
наверх