JQuery close modal issue

Question

Итак, у меня есть модальный в bootstrap, который имеет класс шоу, чтобы он отображался при загрузке страницы. Так что есть кнопка Эндер в нижней части, но не смог получить его закрыть по щелчку

Так что теперь есть сценарий, который закрывает, если щелкает где-либо на коробке, но на самом деле это только на этой кнопке

JS

<script> 
    $('.modal').click(function() { 
    $(this).removeClass('show'); 
    $(this).addClass('hide'); 
    }); 
</script> 

модальные окна классы

<div class="modal show"></div> 

Кнопка

<button type="button" class="btn btn-primary center-block click" style="font-size: 20px;" onClick='changeClass'">ENTER</button> 

Любая помощь будет здорово!

Answer 1

Это не работает. У вас должно быть только $('.modal .close').modal("hide");

.close является классом для вашей кнопки закрытия.

Или вы можете добавить атрибут data-dismiss="modal", чтобы закрыть кнопку.

Ref: http://getbootstrap.com/javascript/#modals-methods

Answer 2

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

$('.modal').modal('toggle');

Отъезд документации here.

отметить также, что самозагрузки имеет отказ от кнопки закрытия коробки (который вам нужно включить внутри модального) для обработки такого поведения:

<button type="button" class="close" data-dismiss="modal">x</button>