twitter-bootstrap - 当我点击 X 按钮时，Bootstrap Modal Fade 不会消失

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…&lt;/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');