Question

我有定期安装的boostrap 2.3，我的模态工作100％正常，除非你点击屏幕右上角的X关闭，淡入淡出不会消失。如果你靠近，或点击其他地方，模态正确关闭。只有当您单击标题中的X时。我使用图像作为链接，而不是按钮。

以下是我正在使用的代码：

                <a href="#myModal" role="button" data-toggle="modal">

                    <!-- Modal -->
                    <div id="myModal" class="modal hide fade" 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">×x</button>
                        <h3 id="myModalLabel">Modal header</h3>
                      </div>
                      <div class="modal-body">
                        <p>One fine body…</p>
                      </div>
                      <div class="modal-footer">
                        <button class="btn btn-primary">Close</button>
                        </div>
                    </div>

                   <div class="sectionisland"><img src="img/courses/personascenario.png"></div></a>

代码是从http://twitter.github.io/bootstrap/javascript.html#modals复制的，当您点击按钮时，您可以看到顶部的X.

Answer 1

你可以试试这个：

<div class="modal-header">
    <a class="close" data-dismiss="modal" >&times;</a>
</div>

Answer 2

您可能需要手动调用模态$（'＃myModal'）。modal（'hide'）;

当我按下X按钮时，Bootstrap Modal Fade不会消失

2 个答案: