bootstrap modal框的事件监控

最新推荐文章于 2024-08-21 09:17:03 发布

白不懂黑的静

最新推荐文章于 2024-08-21 09:17:03 发布

阅读量748

点赞数

分类专栏： bootstrap 文章标签： bootstrap

本文链接：https://blog.csdn.net/yyj108317/article/details/107978894

版权

本文介绍了Bootstrap模态框Modal的四个关键事件：show.bs.modal、shown.bs.modal、hide.bs.modal和hidden.bs.modal，详细解释了它们在模态框显示和隐藏过程中的触发时机，为开发者提供了有效的交互控制手段。

摘要由CSDN通过智能技术生成

bootstrap的模态框Modal经常会对其事件进行监控

模态框代码：

<div class="modal fade" id="deleteGridDataConfirmModal">
    <div class="modal-dialog modal-sm">
        <div class="modal-content message_align">
            <div class="modal-header ">
                <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">提示</h4>
            </div>
            <div class="modal-body">
                <p>删除后数据不可恢复，确定删除所勾选记录吗？</p>
            </div>
            <div class="modal-footer">
                <button type="