Jquery 更新到bootstrap 3.3.0后，bootstrap模式停止运行

难倒了

我有一个标准模式（与引导演示页面中所做的几乎完全相同），使用下面的按钮调用-

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
           Login or register
</button>

登录或注册

以及模态标记

<div class="modal fade" style="display:none;" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Login or register</h4>
            </div>
            <div class="modal-body">
                ...code....
            </div>
            <div class="modal-footer">
               <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

&时代；接近
登录或注册
……代码。。。。
接近

直到今天晚上，这项工作还没有出现任何问题。我向社区更新了VS 2013 express，将bootstrap更新为最新版本（在我的VS 2013上显示了3.3.0），仅此而已。我区分了我的.cshtml文件，没有任何更改

现在，当我单击登录按钮时，模式弹出，但整个页面变灰，并且我无法编辑表单中的输入字段。当我点击模态上的任何地方时，它就关闭了

不知道从哪里开始调试这个。。。有人有什么想法吗

（jquery版本是2.1.1，bootstrap3.3.0）

谢谢你的帮助

更新

---

当我从Bootstrap3.2.0升级到3.3.0的时候，这似乎是我需要做的事情。我将bootstrap.js和bootstrap.min.js恢复为3.2.0，模式再次工作。我将把这个问题保持原样-也许在vs 2013上我可以通过nuget下载的方式上有一个补丁，这就消失了。

引导程序从2.1版到3.0版进行了重大更改。*有许多类不再存在-这些类应该更新到较新的版本

---

查看重要更改列表，浏览并删除所有已删除的类，并用它们的等效类替换它们。

引导从2.1版到3.0版有重大更改。*有许多类不再存在-这些类应更新到较新版本

---

查看重要更改的列表，浏览并删除所有已去除润滑的类，并用它们的等效类替换它们。

我认为这是褪色的问题。我改变这一点：

<div class="modal fade" id=... >

到

（删除淡入淡出）

---

这不是最理想的解决方案，但它很有效。

我认为这是褪色的问题。我改变这一点：

<div class="modal fade" id=... >

到

（删除淡入淡出）

---

这不是最理想的解决方案，但很有效。

只需使用

z-index:1040.model对话框

，它应该可以再次正常工作。您可以编辑引导的css文件，定义您自己的css文件，或者将其作为内联样式添加到您的模态对话框div中。如果您使用更少的/SASS源，效果会更好

---

至少它对我有效，无需进一步测试或分析。

只需使用

z-index:1040.model对话框

，它应该可以再次正常工作。您可以编辑引导的css文件，定义您自己的css文件，或者将其作为内联样式添加到您的模态对话框div中。如果您使用更少的/SASS源，效果会更好

---

另外，至少在没有进一步测试或分析的情况下，它对我有效。

我几分钟前刚刚遇到同样的问题。。。最后，我发现问题与我编写的一些自定义CSS代码有关，这些代码覆盖了Bootstrap的

.modal

和

.modal

类上的

z-index

我刚刚删除了那些CSS类的覆盖，现在一切都正常了

---

您可能对z-index上的自定义代码做了类似的操作

几分钟前我遇到了同样的问题。。。最后，我发现问题与我编写的一些自定义CSS代码有关，这些代码覆盖了Bootstrap的

.modal

和

.modal

类上的

z-index

我刚刚删除了那些CSS类的覆盖，现在一切都正常了

您可能对z-index上的自定义代码做了类似的操作

远程：此选项自v3.3.0以来已被弃用，将在v4中删除。

---

远程：此选项自v3.3.0以来已被弃用，并将在v4中删除。

旁注-我已切换到BootstrapDialog插件，我发现它更容易连接模块。我也有同样的问题。你找到什么了吗？@cripox我没花时间在这上面。回到3.2.0，它又开始工作了。我不需要3.3.0来做任何特定的事情-只是升级了，因为它是可用的，哦，好吧..旁注-我已经切换到BootstrapDialog插件，我发现它更容易连接modals。我也有同样的问题。你找到什么了吗？@cripox我没花时间在这上面。回到3.2.0，它又开始工作了。我不需要3.3.0来做任何特定的事情-只是升级了，因为它是可用的，哦……我已经从Bootstrap 3.2.0升级到了3.3.0，所以应该没有2.1到3的迁移问题需要解决。不管是什么，看起来是3.2.0到3.3.0，如果是Bootstrap，那么我已经从Bootstrap 3.2.0迁移到了3.3.0，所以应该没有2.1到3迁移问题需要解决。不管它是什么，看起来是3.2.0到3.3.0，如果是bootstrapThanks的话——我只是暂时停留在w/3.2.0状态。3.3.0没有为我做我还没有做的事情，也不想添加迷你黑客。我想我会等待修复。谢谢-我现在只停留在w/3.2.0。3.3.0没有为我做我还没有做的事情，也不想添加迷你黑客。我想我会等待修复。我现在已经恢复到3.2.0了。如果我向后移动，将尝试此操作。我现在已恢复到3.2.0。如果我搬回去，我会试试这个。