bootstrap 3 модальное окно закрытия кнопки не будет закрывать модальное окно

Question

Я использую фреймворк bootstrap 3. Я создал модальное окно, оно открывается отлично, я нажимаю кнопку «Закрыть», ничего не происходит. Я выхожу за пределы модального окна, и он закрывает возвращение на мою веб-страницу. Я не могу заставить кнопку закрытия работать. Я попробовал «скрыть» «переключить» ... ничего. Любое понимание очень ценится!

> <div class="person"> <h2>Person name</h2> <p><a href="#" 
> id="John-bio" class="position"> John Smiths Bio</a></p> 

> <div class="modal hide" id="John"> 
    > <div class="modal-header"> <h1> John Smith Bio</h1> </div> 
    > <div class="modal-body"> <p>With more than...</div> 
    > <div class="modal-footer"> <a href="#" class="btn">Close</a> </div> 

> $(function() { 
> $("#John-bio").click(function(e) { e.preventDefault(); 
> $("#John").modal('show'); }); }); 

Answer 1

Вам нужно добавить близкое действие к кнопке следующим образом: data-dismiss="modal"

<div class="modal hide" id="John"> 
    > <div class="modal-header"> <h1> John Smith Bio</h1> </div> 
    > <div class="modal-body"> <p>With more than...</div> 
    > <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> 
</div>