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

【问题标题】：Multiple bootstrap modals make browsers freeze多个引导模式使浏览器冻结
【发布时间】：2013-07-19 00:14:36
【问题描述】：

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

jsFiddle

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

这个小提琴是我想要实现的更简单的版本。问题是当我弹出第三个模式时，我的浏览器（Chrome）冻结了。我已经用 IE 和 FF 测试了小提琴，FF 工作正常，但 IE 也冻结为 Chrome。

是bootstrap的bug吗？

【问题讨论】：

【解决方案1】：

很抱歉回答我自己。

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

所以我找到的答案是

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

【讨论】：

【解决方案2】：

在使用多个模式时，只需在类中添加一个“隐藏”，这对我在所有浏览器中都非常有用：...

【讨论】：

【解决方案3】：

添加“隐藏”类有效！！所以如果两个模态被堆叠：

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

有效！

【讨论】：