Показать сообщение отдельно
  #1 (permalink)  
Старый 31.01.2017, 21:32
Аспирант
Отправить личное сообщение для Aqua77 Посмотреть профиль Найти все сообщения от Aqua77
 
Регистрация: 18.01.2017
Сообщений: 40

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


$('.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>
Ответить с цитированием