Bootstrap Modal立即消失

我正在用bootstrap做一个网站。

基本上，我想在主页中使用一个模态，通过Hero Unit中的按钮来调用。

按钮代码:

<button type="button" 
    class="btn btn-warning btn-large" 
    data-toggle="modal"
    data-target="#myModal">Open Modal</button>

模态代码:

<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">In Costruzione</h3>
  </div>
  <div class="modal-body">
    <p>Test Modal: Bootstrap</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Chiudi</button>
    <button class="btn btn-warning">Salva</button>
  </div>
</div>

问题是，只要我点击按钮，模态就会淡入，然后立即消失。

我很感激你的帮助。

此外，如何改变下拉三角形的颜色(指向向上，没有悬停)?我正在做一个基于橙色和棕色的网站，那个蓝色的东西真的很烦人。

当前回答

在我的例子中，单击按钮会导致页面重新加载(不希望)。

以下是我的解决方案:

<button class="btn btn-success" onclick="javascript: return false;" 
data-target="#modalID" data-toggle="modal">deaktivieren</button>

2017-01-20 10:46:43

其他回答

我的代码莫名其妙地包含了bootstrap.min.js两次。我移除了其中一个，现在一切都很好。

2015-06-18 07:24:54

如果使用jquery两次附加事件监听器，也会出现这个问题。例如，你可以在不解除绑定的情况下设置:

            $("body").on("click","#fixerror",function(event){
                $("#fixerrormodal").modal('toggle')
            })

如果发生这种情况，事件将连续触发两次，模态将消失。

            $("body").on("click","#fixerror",function(event){
                $("#fixerrormodal").modal()
                $("#fixerrormodal").modal('toggle')
            })

参见示例:http://embed.plnkr.co/i5xB1WbX7zgXrbDMhNAW/preview

2014-08-26 09:33:23

同样的症状，在一个带有Bootstrap -sass gem提供的Bootstrap的Rails应用程序的上下文中，@merv的回答使我走上了正确的轨道。

我的application.js文件有以下内容:

//= require bootstrap
//= require bootstrap-sprockets

解决办法是去掉两条线中的一条。事实上，宝石的自述会警告你这个错误。我的坏。

2015-03-30 12:34:22

我也有这个问题，如果按钮是在一个标签内，然后模态出现一次，很快就消失了，把按钮从形式固定的问题。谢谢我在这个帖子结束!+1到所有。

2014-11-11 10:48:24

我在我的mvc应用程序中寻找了一个重复的引导参考，在这个问题上的其他有用的答案之后。

终于找到了——它包含在我正在使用的另一个库中，所以一点也不明显!(datatables.net)。

如果您仍然遇到这个问题，请寻找其他可能为您包含引导的库。(datatables.net允许您指定有或没有引导的下载-其他人也这样做)。

所以我从我的包中删除了bootstrap.min.js。配置和所有工作都很好。

2015-12-22 12:55:23

Bootstrap Modal立即消失

推荐文章

最新文章

标签