Как убрать событие на закрытие окна при клике на div.window-container?

Question

[Максим Воронков]

Добрый вечер коллеги. Решил поизучать jquery и написать на jquery модальное окно с видео и без.
Все хорошо работает, но при клике без видео на div c классом window-container окно все равно закрывается, подскажите как нужно использовать event.stopPropagation(), чтоб корректно работало. Может и можно упростить код=)

Ссылка на код: https://codepen.io/anon/pen/VzgJvO

Answer 1

[zoozag]

$('body').on('click', '.section-modal' , function(event) {
     event.stopPropagation()
   });

И зачем писать классы через div[class=...]?

Answer 2

[Максим Воронков]

Еще можно добавить дополнительный div.fullclose с абсолютным позиционированием

<div class="modal-window" id="modal-test-1">
        <div class="full-close"></div> <!-- Дополнительное закрытие блока -->
      	<div class="window-container window-video">
      		<div class="section-modal"></div>
      		<button class="close"></button>
      	</div>
      </div>

$('body').on('click', '.close, .full-close', function() {

    $('#'+id_modal).fadeOut();
    $('.modal-overlay').fadeOut();
    $('.window-container').removeClass('visible');
    $('body').removeClass('id-fix');
    stopPleer(id_modal);

  });

Answer 3

[Alexander]

$('.window-container').click(function() {
    return false;
  })

Comments

[Максим Воронков]

При данном варианте при клике на кнопку button.close событие не срабатывает на закрытие блока.

[Alexander]

Олег Фролов, верно, у вас кнопка внутри window-container

Может на него отдельный повесить обработчик клика?

[Павел]

Олег Фролов, надо просто на кнопку закрытия задействовать именно закрытие, а не на весь блок

[Максим Воронков]

$('.close, .modal-window').click(function() {
$('.window-container').fadeOut().end().removeClass('visible');
});
$('.window-container').click(function(event) {
event.stopPropagation()
});
Я думаю можно так, а есть боллее простое решение?

[Максим Воронков]

mrusklon, Весь блок это подложка, на который так-же можно нажать и закрыть блок