javascript - Bootstrap 模态 - 单击 "call to action"按钮时关闭模态

Question

我的模式中有一个外部链接，我希望在用户单击该链接后隐藏该模式。我该怎么做？

这是我的代码:

<div class="modal hide fade" id="modalwindow">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>Title</h3>
  </div>
  <div class="modal-body">
    <p>You need to do a search on google.com for that.</p>
  </div>
  <div class="modal-footer">
    <a id="closemodal" href="https://www.google.com" class="btn btn-primary" target="_blank">Launch google.com</a>
  </div>
</div>

<script type="text/javascript">
    $('#closemodal').modal('hide');
</script>

Answer 1

您需要将模态隐藏调用绑定(bind)到 onclick 事件。

假设您正在使用 jQuery，您可以使用:

$('#closemodal').click(function() {
    $('#modalwindow').modal('hide');
});

还要确保在文档加载完成后绑定(bind)点击事件:

$(function() {
   // Place the above code inside this block
});
enter code here