3

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

我已经创建了从一开始就可用的模态，即在页面加载时它显示模态。我没有使用任何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

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

太感谢了。

4

3 回答 3

2

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

于 2013-06-21T12:04:17.183 回答
0

尝试将隐藏和淡化类添加到模态 div。IE，

<div id="myModal2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
于 2013-06-20T08:34:00.060 回答
0

您可以使用此关闭按钮。

<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
于 2016-07-19T06:30:03.730 回答