Twitter Bootstrap对话框显示“2次”

我使用Twitter Bootstrap构建我的网站。我发现我的对话框显示“2次”。如果你不知道我在说什么（7天内到期），那么这里有一段视频。 Watch this video Twitter Bootstrap对话框显示“2次”

注：我只点击了关闭按钮一次。你可以看到有一个关于我点击关闭的对话框，它在不到1秒内消失了。

这是我的代码。

<div class="modal fade" id="contactModel" tabindex="-1" role="dialog"> 
      <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">Contact</h4> 
        </div> 
         <div class="modal-body"> 
         <p id="modelText">Thank you! Your submission has been received!</p> 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
        </div> 
       </div> 
      </div> 
     </div>

我的按钮调用JavaScript。

<button onclick="submitForm()" type="button" id="submit" class="btn btn-primary">Send</button>

我的JavaScript

$('#contactModel').modal('show');

谁能帮我解决这个问题？先谢谢了。

来源

2014-10-22 Jeremy

您可以在演示中复制该问题吗？ – dfsq 2014-10-22 11:10:16

我不知道如何使用jsfiddle。 – Jeremy 2014-10-22 11:24:51

我没有看到你的按钮的代码，但我想你已经在两种方式中使用bootstrap模式：通过数据属性和通过js。选择一个。在“用法”中查看http://getbootstrap.com/javascript/#modals。

无论如何，如果它不是按钮，那么你的代码运行良好。这里是一个证明：http://www.bootply.com/eYXtmm6Yrr。

来源

2014-10-22 11:10:40 DebbieMiller

该模型默认情况下不显示。点击按钮后，我的JavaScript做了一个动作，模型终于显示出来。 – Jeremy 2014-10-22 11:17:51

请显示您的按钮代码。我想你不明白我的答案。 – DebbieMiller 2014-10-22 11:21:28

已编辑。请参阅上面的代码。 – Jeremy 2014-10-22 11:26:05

Twitter Bootstrap对话框显示“2次”

回答

相关问题