Как заставить диалоговое окно закрыться?

Question

[pegas]

Как заставить диалоговое окно закрыться при щелчке по любому месту за пределами окна?

$('.dial').dialog({
    autoOpen:false; //Изначально закрыто
});

$('img').click(function(){
  $('.dial').dialog("open"); //По щелчку по картинки открывается  
});

$(document).click(function(){
  $('.dial').dialog('close'); //По щелчку на любом месте закрывается
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
 <div title="Окно" class="dial">
132
 </div>

Answer 1

[Ankhena]

Закрытие окна с формой по клику мимо окна?

Comments

[pegas]

Да

[pegas]

Мой случай много другой чем там...

[pegas]

при нажатии на картинку появляется, при клике мимо она закрывается

[Ankhena]

1PeGaS: я не вижу, чем ваш случай "другой"

[pegas]

Я добавил $(document).click(function(){
if( $('.dial').is(':visible'))
$('.dial').dialog('close');
});

не работает

[Ankhena]

1PeGaS: Вам нужно разбираться с последней частью скрипта из того вопроса, про mouseup