BootStrap之模态框

1.模态框常用事件：

①在调用 show 方法后触发----show.bs.modal

②当模态框对用户可见时触发（将等待 CSS 过渡效果完成）----shown.bs.modal

③当调用 hide 实例方法时触发----hide.bs.modal

④当模态框完全对用户隐藏时触发----hidden.bs.modal

例子：模态框完全关闭后弹框提示

<script>
$(function() {
    $('#myModal').on('hidden.bs.modal',
    function() {
        alert("模态框已关闭");
    })
});
</script>

 

在模态框中需要注意两点：

1： .modal，用来把 <div> 的内容识别为模态框:

2： .fade class。当模态框被切换时，它会引起内容淡入淡出