11

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

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

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

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

4

6 回答 6

12

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

<a href="http://www.example.com/" onclick="$('#myModal').modal('hide')">click</a>
于 2015-03-20T17:24:35.190 回答
4

在 boostrap 4 中：

<a href="http://www.example.com/" data-dismiss="modal" target="_blank">click</a>
于 2018-07-27T14:18:14.240 回答
2

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

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

<script>        
    $("a#sample").click(function(){
    $('#myModal').modal('hide')
    });
</script>
于 2014-01-15T11:42:18.137 回答
2

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

于 2019-05-30T20:26:54.603 回答
1

像下面这样的事情应该这样做

$('a').click(function(){
  $('modal-selector').modal('hide')
})
于 2012-11-10T09:20:53.423 回答
1

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

class="modal-close"
于 2018-02-06T01:31:55.200 回答