javascript - bootstrap modal黑色遮罩不显示了

问题描述

问 题

静态页的时候没问题，代码如下：

<a href="#testing" data-toggle="modal">11111 </a>

放到jsp之后，把 href没有用，使用onclick，代码如下：

<a href="#"  onclick="getFiles();"   data-toggle="modal">1111</a>

黑色遮罩不显示，只显示弹出的内容11111,请问这是什么原因？

解决方案

就是因为你把href去掉了啊。
看官方文档啊，你用data属性方式调用模态框，还是用的a标签，href要指向模态框的id。

通过在一个起控制器作用的元素（例如：按钮）上添加 data-toggle="modal" 属性，或者 data-target="#foo" 属性，再或者 href="#foo" 属性，用于指向被控制的模态框。

这篇关于javascript - bootstrap modal黑色遮罩不显示了的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！