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

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

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

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

$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
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    Сегодня, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:17
    фтп обычный юзер а не root
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:15
    дэк только так и загружаю
  • Gordi | Как реализовать шифрование трафика? 3
    Фото Gordi
    Gordi
    Как реализовать шифрование трафика?
    18-11-2024, 14:14
    я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:13
    Gordi,
    через фтп загружай
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:11
    Привет Николай!
    Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
    или направь на путь истинный, пжст
наверх