关闭按钮单击时，bootstrap模式不会关闭？

Question

我在我的asp.net项目中使用bootstrap模式，我的代码是

<div id="mymodal" class="modal">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<a id ="closemodal" href="#" class="btn">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div>

我的主页中的javascript是

<script type="text/javascript">
    $(function () {
        $('#closemodal').click(function () {
            $('#mymodal').modal('hide');
        });

    });
   </script>

但是当我点击firebug中的关闭按钮时，模态没有关闭，错误显示在java脚本中，它写的不是函数

Answer 1

引导程序的一点是你不应该让jQuery让它工作。 您可以删除该javascript，只需在关闭按钮中添加一个属性，它应该可以工作:(关闭模态弹出窗口的是data-dismiss =“modal”。）

<div id="mymodal" class="modal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <a id="closemodal" href="#" class="btn" data-dismiss="modal" aria-hidden="true">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

你需要你的母版页中包含的bootstrap javascript文件，如果你有一个正常弹出的模态弹出窗口，我认为它必须已经存在。

<script language="JavaScript" type="text/javascript" src="bootstrap.min.js"></script>