多个引导模式使浏览器冻结

Multiple bootstrap modals make browsers freeze

本文关键字：浏览器 冻结 模式      更新时间：2023-09-26

我想在同一页面上弹出多个引导模式，使我的web应用程序看起来像桌面操作系统。我还使用jQuery UI可拖动来使模态可移动。

jsFiddle

http://jsfiddle.net/F27SL/4/

这个fiddle是我想要实现的一个更简单的版本。问题是，当我弹出第三个模式时，我的浏览器（Chrome）会冻结。我已经用IE和FF测试过了，FF工作得很好，但IE也像Chrome一样冻结。

这是bootstrap的错误吗

很抱歉回答我自己的问题。

我在GitHub中发现了几个处理这个问题的问题。

https://github.com/twitter/bootstrap/issues/5431

https://github.com/twitter/bootstrap/issues/4781

所以我找到的答案是

bootstrap不支持同时使用多个模态（这是一个糟糕的ui选择）。谢谢

当使用多个模态时，只需在类中添加一个"隐藏"，这在所有浏览器中都非常适用：。。。

添加"隐藏"类有效！！所以如果两个模态叠加：

$("#first").addClass('hide');
$("#second").removeClass('hide');
$("#second").modal('show');

工作！

相关文章：