1

Итак, у меня есть эта проблема, когда после того, как я открою модальную, закройте ее (щелкнув по «x» или фону наложения). Во второй раз, когда я открываю модальный режим, он закрывается только щелчком по фону наложения и закрытие нажатием кнопки «x» не работает.Bootstrap modal не закрывается с 'x' после открытия второго раза

Ниже мой код модальный:

 <div class="modal fade in" id="whatModal" aria-hidden="true"> 
      <div class="modal-content col-md-offset-4 col-md-4"> 
       <div class="modal-header"> 
       <div class="close glyphicon glyphicon-remove" data-dismiss="modal" data-target="#whatModal"></div> 
       <h3>Modal header</h3> 
       </div> 
       <div class="modal-body"> 
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum feugiat dui ipsum, in laoreet eros porttitor non.</p> 
       </div> 
      </div> 
     </div> 

О, я использую Bootstrap 3 по пути.

Любая помощь очень ценится после того, как я ударил головой о стену в течение последних нескольких часов.

+0

Что говорит консоль вашего инспектора, когда вы запускаете «x»? –

+0

Ничего, поэтому я так смущен. По крайней мере, если бы он забросил какую-то ошибку, я мог отлаживать оттуда, но это ничего мне не давало. – grigev07

+0

вы можете предоставить больше css/js/html, чтобы я мог создать ту же проблему, что и у вас? –

ответ

0

Я не могу дать вам конкретный ответ, не имея какой-либо информации журнала из консоли, но, глядя на bootstrap documentation, я поставил быструю демонстрацию вместе. Вы можете проверить result и в snippet онлайн

+0

Спасибо за ваш код, многое помогли и исправили мою проблему. Оказывается, я почему-то использовал jQuery 1.7.2 вместо 1.10.2, и это вызывало проблему. EDIT: выяснилось, что если вы используете bootstrap 3.0.0-rc2, он также нарушает кнопку закрытия. – grigev07

+0

рад, что это вам помогло –

1

Это была известная проблема ... https://github.com/twbs/bootstrap/issues/9362

И был зафиксирован в этой фиксации ... https://github.com/twbs/bootstrap/commit/712b89ed4ebe71e44f2a7081be7ba372d8ca3f42#js/modal.js

В вышеприведенном фиксации вы можете см., что обработчик события щелчка данных-увольнения был добавлен в конструктор, но затем отсоединен в режиме скрытия - и не был повторно установлен на шоу, исправление заключалось в том, чтобы переместить «click.dismiss.modal» было перемещено в функцию show.

Я могу подтвердить эту версию, исправил проблему для меня.

Исправления сделал его в полное освобождение v3.0.0 https://github.com/twbs/bootstrap/blob/v3.0.0/js/modal.js

Так я подозреваю, обновляя эту версию должен разрешить его для вас.