Bootstrap 模态框自定义点击和关闭事件详解

模态框避免点击背景处关闭

1、div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”

rush:xhtml;">

2、在需要显示模态框,初始化时

rush:js;"> $(‘#myModal').modal({ backdrop: ‘static',//点击背景空白处不被关闭; keyboard: false //触发键盘esc事件时不关闭。 });

自定义模态框显示关闭触发事件:

rush:js;"> $(".classname").click(function () { $('#mymodel').modal('show'); alert('模态框打开了'); });

$('#mymodel').on('hide.bs.modal',function () {
alert('模态框关闭了');
});

以上这篇Bootstrap 模态框自定义点击和关闭事件详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

相关文章

Bootstrip HTML 查询搜索常用格式模版 <form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...