单击时隐藏 Twitter Bootstrap 中的模态框

这是来自 twitter bootstrap 但是的示例代码。 。 。

<div class="modal">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Modal header</h3>
    </div>
    <div class="modal-body">
        <p>One fine body…</p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn">Close</a>
        <a href="#" class="btn btn-primary">Save changes</a>
    </div>
</div>

场景是这样的：我有一个重定向页面，我想显示模式。是的，我当然显示了它，但是如何关闭它呢？我尝试了点击功能的不同方式，但没有任何反应。

来自引导文档：

手动隐藏模态框。

.modal('hide')

$('.modal').modal('hide')

所以如果你想隐藏它click您可以将此操作绑定到click event

$('#yourid').on('click' , function() { 
  $('.modal').modal('hide')
});

如果您想在加载文档几秒钟后隐藏它，您可以尝试使用timeout

$(function(){  //document ready
..
.. //your code
..

 setTimeout(function(){
       $('.modal').modal('hide')
 }, 2000);  //2000 = 2 second

..
})

UPDATE 1

将其绑定在关闭时button给他一个class or id

<a href="#" class="btn closebtn">Close</a>

now

$('.closebtn').on('click',function() {
   $('.modal').modal('hide');
});

如果你只想绑定那个close button use an id代替class