Question

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

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

我希望在点击链接后关闭模态，所以我认为在标记中添加data-dismiss="modal"会起作用，但是它会导致模式关闭而不会打开链接。

在 URL打开后，我可以将这些组合并使模态关闭吗？

Answer 1

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

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

Answer 2

为锚标记添加一个ID。然后，您可以在点击后使用该ID关闭模式。

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

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

Answer 3

在boostrap 4中：

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

Answer 4

类似下面的内容应该这样做

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

Answer 5

您可以在元素中使用现有的类：

class="modal-close"

Answer 6

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

单击链接后，我可以关闭Bootstrap模式吗？

6 个答案: