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

时间:2013-07-19 16:07:19

标签: javascript jquery google-chrome twitter-bootstrap

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

的jsfiddle

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

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

这是引导程序的错误吗?

3 个答案:

答案 0 :(得分:1)

很抱歉回答自己。

我从GitHub发现了一些处理这个问题的问题。

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

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

所以我找到的答案是

  

bootstrap不支持多个同步模态(这是一个糟糕的ui选择)。谢谢!

答案 1 :(得分:1)

在使用多个模态时,只需在课程中添加“隐藏”,这对我来说非常适合所有浏览器:...

答案 2 :(得分:1)

添加"隐藏"班级作品!!所以如果堆叠两个模态:

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

作品!