Question

我在使用Twitter bootstrap模式时遇到麻烦。即使我点击关闭按钮，它也不会关闭。

我已经创建了从开头可用的模态，即在页面加载时它显示模态。我没有使用任何javascript。

这是代码

<div id="myModal2" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel2">Instructions</h3>
</div>
<div class="modal-body">
    <ol><li>Please press either left or right arrow button to start the carousel.</li><li>For continuous movement either put the cursor on this dialog or outside the viewport</li></ol>

</div>
<div class="modal-footer"><button class="btn" data-toggle="modal" data-target="#myModal">View Source</button>
    <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Close</button>
</div>

有一点，我应该提到我在同一页面中有两个模态。

如果你想看到这个页面，这里是链接 http://nazmulweb.com/bootstrap_carousel_full_page_fade

如果您有任何需要了解的信息，请告诉我。

非常感谢你。

Answer 1

我有同样的问题。我可以通过在页面的最底部放置对话框div来解决它（在关闭body标签之前）

Answer 2

尝试将hide和fade类添加到模态div。即，

<div id="myModal2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">

Answer 3

您可以使用此关闭按钮。

<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>

Twitter-bootstrap模式在点击时不会关闭

3 个答案: