asp.net - 引导模式不会在单击关闭按钮时关闭？

Question

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

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

但是当我在萤火虫中单击关闭按钮时，模式没有关闭，java脚本显示错误，写它不是函数

Answer 1

bootstrap 的重点是你不应该需要那个 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…&lt;/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>

您需要包含在您的母版页中的引导 javascript 文件，如果您有一个正常弹出的模式弹出窗口，我假设它必须已经存在。

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