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>

关闭按钮单击时，bootstrap模式是否关闭？

1 个答案: