移动端页面中使用bootstrap模态框的模态框,苹果手机下多个模态框只有第一个显

用bootstrap模态框的时候模态框没显示出来的时候,页面有部分地方的按钮或者是元素都无法点击选中,打开调试工具发现是有模态框的html代码遮住了,这个时候只需要加一句

 
}

Bootstrap 的模态框使用 的前端应该都接触过。

本文记录一下今天使用时遇到的 BUG,以便以后查阅和帮助其他遇到同样问题的伙伴们。

触发展现模态框,填写对应的信息,然后 ajax 提交表单信息到后台。

点击下面的按钮一次,弹出模态框。点击提交,会直接 alert("提交")。点击一次会觉得很正常,但是如果你重复点几次模态框,会发现再次点击提交,alert 会出现多次。

上述的 js 代码,每次对于按钮的点击都会为提交按钮添加对应事件。修改如下即可:

}

我要回帖

更多关于 bootstrap模态框 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信