bootstrap模态框消失问题的解决方法

小编主要从网上整理了网友提出来的关于bootstrap模态框消失的不同问题，希望对大家有帮助。

状况一：bootstrap模态框瞬间消失解决

bootstrap模态框挺好，但这方面的例子很少，都是官方的代码，网上没有一点新的东西。比如，save changes，即点击确认后如何处理？没有例子。只有取消close的功能。我的需求是这样，点击一个链接，传一个id，打开模态框，进行输入、单选、列表选择等，点模态框确认，然后连同刚才的id、模态框中的各种值，一起提交到后台处理。

第一步：用链接传id并打开模态框。

添加同级 

{{$.Category.Id}}是传的id值

通过js代码实现打开模态框

就这样一瞬间就消失了

网友1：去掉引用modal.js试试？

网友2：各位，楼主的问题解决了。
我猜各位应该都是照着bootstrap官网demo在练习的，请注意，你在官网下载的bootstrap源码有两个版本，如图：

官网Demo使用的是第一个，所以如果你按照官网的Demo练习，那就应该只使用第一个，当然也可以使用第二个，但是不能混用。

网友3：今天我也遇到了，虽然是三个月的东西了。但是我还是想把正确答案贴出来，原因是：bootstrap.min.js（bootstrap.js） 和modal.js重复引用，把 modal.js删除掉就好了。

网友4：我也遇到类似问题，但是解决方式是删了bootstrap.min.js；js冲突问题

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

Bootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。