首页 > 解决方案 > 打开多个模态时的 twitter bootstrap / Inspinia 模态错误

问题描述

我需要帮助使用多个带有 inspinia 模板的模态,问题是我认为有一个错误会破坏 z-index 或者我不太确定,图片来自 inspinia 网站

首先打开一个模态 IMG1

然后用JQuery打开第二个

$("#myModal6").modal("show");

IMG2

现在关闭小模式,即使它是用 jquery 关闭的,我也会得到相同的结果

$("#myModal6").modal("隐藏");

IMG3

而第一个模态它现在卡在后面 IMG4


如果我关闭一个模式并使用 JQuery 打开第二个模式,我也会得到同样的错误

首先打开一个模态 IMG11

现在我关闭并打开第二个

$("#myModal5").modal("hide");$("#myModal6").modal("show");

让模态再次卡在后面

IMG22

有没有人有解决方法?

Inspinia 网站 http://webapplayers.com/inspinia_admin-v2.9.2

谢谢

标签: javascriptjqueryhtmltwitter-bootstrapinspinia

解决方案


inspinia.css上找到body.modal-open .animated {并评论或删除这一行animation-fill-mode: initial;

例子


推荐阅读