模态框的使用

Bootstrap 的模态框类提供了一些事件用于监听并执行你自己的代码。

事件类型                    描述

show.bs.modal         show 方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的relatedTarget 属性进行访问。
shown.bs.modal    此事件在模态框已经显示出来（并且同时在 CSS 过渡效果完成）之后被触发。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的 relatedTarget 属性进行访问。    
hide.bs.modal        hide 方法调用之后立即触发该事件。    
hidden.bs.modal    此事件在模态框被隐藏（并且同时在 CSS 过渡效果完成）之后被触发。    
loaded.bs.modal    从远端的数据源加载完数据之后触发该事件。    

JS代码：
$('#myModal').on('hidden.bs.modal', function (e) {
  // do something...
})

在弹出模态框之前通过if判断 ,通过就弹出,不通过阻止弹出的方法 e.preventDefault();