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

2025-05-11 22:15:43

推荐回答（2个）

回答（1）：

在bootstrap模态框弹出后触发函数方法如下：

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

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

4、hide.bs.modal hide 方法调用之后立即触发该事件。

5、hidden.bs.modal 此事件在模态框被隐藏（并且同时在 CSS 过渡效果完成）之后被触发。
6、loaded.bs.modal 从远端的数据源加载完数据之后触发该事件。

回答（2）：

很少使用Bootstrap提供的标签。直接写在js里。你可以这么做： 1、做好你写死的那个模态框 2、在按钮上注册click事件 3、click事件触发的同时调用load方法往.modal-content里塞你的数据 4、最后在load方法的回调里把模态框显示出来。