解决Bootstrap一个页面弹出的模态框嵌套多个模态框时,样式混乱,按钮不能点击。


问题:当模态框嵌套模态框时,在弹出第一个模态框时,发现样式乱了,按钮不能点击。

原因:当弹出第一个模态框时,嵌套的模态框也被显示出来了,只是内容不显示,被第一个模态框压下了。

解决:在嵌套的模态框中的第一行加入style="display: none;" 即默认隐藏,这样在弹出第一个模态框时,其他模态框处于隐藏状态,样式就不会乱了

你可能感兴趣的:(解决Bootstrap一个页面弹出的模态框嵌套多个模态框时,样式混乱,按钮不能点击。)