Как убрать модальное окно, при клике за пределами?

Question

[Smeecy Smeecy]

Мне нужно чтобы при клике за пределами модального окна, оно пропадало, как это реализовать

<div id="window-dance-1" class="window-1">
     <div class="window-wrap windows">
             Содержимое
     </div>
</div>

Пытался как то решить следующим образом, но не получается:

!$('.windows').click(function()
{
    $('.window-1').fadeOut();
});

Answer 1

[iBird Rose]

для тру костыльщиков:

$(document).click( function(event){
		if(( $(event.target).closest(".window-wrap").length ))
		return;
		$('.window-wrap').fadeOut();
		event.stopPropagation();
});

Answer 2

[lega]

Обычно добавляют (полу) прозрачный div на всё окно (страницу), под модальный диалог (z-index), и на него вешают click.

Comments

[Smeecy Smeecy]

Так оно и есть впринципе

.window-1
display: none
top 0
left 0
width: 100%
height 100%
position: fixed
z-index 111
.window-wrap
position relative
z-index 2222
width 70%
height 80%
margin 5% auto
background rgba(51,51,51,0.965)
padding 25px
overflow auto

[lega]

> display: none

это убирает элемент совсем, нужно opacity: 0.5 например

Answer 3

[S3Ga]

Как в javascript “закрывать” div при клике вне это...