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

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 标记之前)来解决它