如何在bootstrap4模态框模态框弹出后触发函数

点击联系发帖人 时间：2017-11-03 16:48

bootstrap模态框

的形式出现具有最小和最实用嘚功能集。

务必将模态框的 HTML 代码放在文档的最高层级内（也就是说尽量作为 body 标签的直接子元素），以避免其他组件影响模态框的展现或功能

默认的modal示例：

1.将页面中的某块内容作为模态框激活。接受可选参数 object

})2.手动打开或关闭模态框。在模态框显示或隐藏之前返回到主调函数中（也就是在触发 shown.bs.modal 或 hidden.bs.modal 事件之前）。

默认情况下点击其它位置，模态框自动关闭你可以设置此属性为false或者"static"防止模态框自动关闭

键盤上的 esc 键被按下时关闭模态框。

模态框初始化之后就立即显示出来

show 方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素则此元素可以通过事件的 relatedTarget 属性进行访问。

此事件在模态框已经显示出来（并且同时在 CSS 过渡效果完成）之后被触发如果是通过点击某個作为触发器的元素，则此元素可以通过事件的 relatedTarget 属性进行访问

hide 方法调用之后立即触发该事件。

此事件在模态框被隐藏（并且同时在 CSS 过渡效果完成）之后被触发

从远端的数据源加载完数据之后触发该事件。

}

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

show.bs.modal show 方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素则此元素可以通过事件的relatedTarget 属性進行访问。

shown.bs.modal 此事件在模态框已经显示出来（并且同时在 CSS 过渡效果完成）之后被触发如果是通过点击某个作为触发器的元素，则此元素可鉯通过事件的 relatedTarget 属性进行访问

hidden.bs.modal 此事件在模态框被隐藏（并且同时在 CSS 过渡效果完成）之后被触发。

loaded.bs.modal 从远端的数据源加载完数据之后触发该事件

}