Bootstrap Modal Fade не исчезает, когда я нажимаю кнопку X

Question

У меня есть регулярная установка boostrap 2.3, а моя модальная работа на 100% отлично, за исключением случаев, когда вы нажимаете на X в правом верхнем углу экрана, чтобы закрыть , исчезновение не исчезает. Если вы нажмете близко или щелкните в другом месте, модальная функция будет закрыта правильно. Только когда вы нажимаете X в заголовке. Я использую изображение как ссылку, а не кнопку.

---

Вот код, я использую:

   <a href="#myModal" role="button" data-toggle="modal"> 

        <!-- Modal --> 
        <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
         <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×x</button> 
         <h3 id="myModalLabel">Modal header</h3> 
         </div> 
         <div class="modal-body"> 
         <p>One fine body…</p> 
         </div> 
         <div class="modal-footer"> 
         <button class="btn btn-primary">Close</button> 
         </div> 
        </div> 

        <div class="sectionisland"><img src="img/courses/personascenario.png"></div></a> 

код копируется из http://twitter.github.io/bootstrap/javascript.html#modals, вы можете увидеть X в верхней части, когда вы нажимаете на кнопку.

Answer 1

Вы можете попробовать это:

<div class="modal-header"> 
    <a class="close" data-dismiss="modal" >&times;</a> 
</div> 

Answer 2

Вы можете позвонить модальный вручную $ ('# myModal') модальность ('скрыть');.