bootstrap的modal提示框怎么实现自动关闭

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap的modal提示框怎么实现自动关闭相关的知识,希望对你有一定的参考价值。

参考技术A 自动关闭的方法为:
setTimeout(function()$("#modal").modal("hide"),2000);

show.bs.modal 在调用 show 方法后触发。 $('#identifier').on('show.bs.modal', function ()
// 执行一些动作...
)

shown.bs.modal 当模态框对用户可见时触发(将等待 CSS 过渡效果完成)。 $('#identifier').on('shown.bs.modal', function ()
// 执行一些动作...
)

hide.bs.modal 当调用 hide 实例方法时触发。 $('#identifier').on('hide.bs.modal', function ()
// 执行一些动作...
)

hidden.bs.modal 当模态框完全对用户隐藏时触发。 $('#identifier').on('hidden.bs.modal', function ()
// 执行一些动作...
)

bootstrap modal 弹出框被遮挡

在使用Bootstrap的modal时,遇到如图所示的问题,不知道怎么办了

1,是因为没把他放在我要遮罩的背景模块外,写在里面了
2,给弹出层设置z-index:9999;设为最高。同时需要保证弹出层有定位属性position:absolute;同时它的父级不能有定位信息
参考技术A 是用的chrome 浏览器么? 看看遮罩层的z-index是不是modal的大。追问

不是chrome浏览器,是Firefox,如何查看遮罩层的z-index值啊

追答

先装一个firebug,然后按F12。选取这两个元素就可以看他们的CSS样式里的z-index了.

追问

大神 我按你说的截了两个图  你看看哪里不对

追答

就给我两个图片我咋看得出什么毛病。你把直接在firebug里面把modal-dialog的position设置为fixed试试。双击就可以编辑了。

参考技术B 我也遇到这个问题了,你怎么解决的? 参考技术C 1,是因为没把他放在我要遮罩的背景模块外,写在里面了2,给弹出层设置z-index:9999;设为最高。同时需要保证弹出层有定位属性position:absolute;同时它的父级不能有定位信息

以上是关于bootstrap的modal提示框怎么实现自动关闭的主要内容,如果未能解决你的问题,请参考以下文章

bootstrap 模态框 每天自动弹出一次怎么实现

Bootstrap 弹出框怎么设置为可拖动

bootstrap中modal框数据不清空,怎么解决

bootstrap中modal框数据不清空,怎么解决

bootstrap模态框怎么实现打开一个其他的网页

bootstrap中modal框数据不清空,怎么解决