单击链接后，我可以关闭引导模式吗？答案

【问题标题】：Can I close the Bootstrap modal once the link has been clicked?单击链接后，我可以关闭引导模式吗？
【发布时间】：2012-10-30 10:59:26
【问题描述】：

现在，我在 Bootstrap 模式中使用它来重定向到一个站点：

<a href="http://www.example.com/" href="_blank">click</a>

我希望在单击链接后关闭模态框，因此我认为将data-dismiss="modal" 添加到标签中会起作用，但是它会导致模态框在没有打开链接的情况下关闭。

我可以结合这些并在 URL 打开之后使模式关闭？

【问题讨论】：

标签： html twitter-bootstrap modal-dialog

【解决方案1】：

这对我有用，不需要额外的脚本标签：

<a href="http://www.example.com/" onclick="$('#myModal').modal('hide')">click</a>

【讨论】：

【解决方案2】：

在 boostrap 4 中：

<a href="http://www.example.com/" data-dismiss="modal" target="_blank">click</a>

【讨论】：

【解决方案3】：

为锚标签添加一个id。然后，您可以在单击该 id 后关闭该模式。

<a href="http://www.example.com/" href="_blank" id="sample">click</a>

<script>        
    $("a#sample").click(function(){
    $('#myModal').modal('hide')
    });
</script>

【讨论】：

【解决方案4】：

这对我有用。 <a onclick="location.href='http://www.example.com/';" data-dismiss="modal">click</a>

【讨论】：

【解决方案5】：

应该这样做

$('a').click(function(){
  $('modal-selector').modal('hide')
})

【讨论】：

【解决方案6】：

你可以在你的元素中使用已经存在的类：

class="modal-close"

【讨论】：