在新的 window 中打开 Bootstrap 模态中的任何链接

Question

我有一个将内容加载到 Bootstrap (3.3.7) 模态 window 中的页面。大多数这些模式中的内容具有 1 个或多个 links.

我希望用户在这些模式中单击的任何 link 都在新的浏览器选项卡中打开。

我可以通过在每个锚点上放置一个 target="_blank" 来实现它，例如

<a href="http://www.google.com/" target="_blank">Link</a>

但这似乎很乏味，因为每次我输出 link 我都必须添加这个标签。

有没有办法告诉浏览器打开新 window/tab 模式中找到的任何 link？

我四处搜索，但大多数答案都涉及加载 link inside 模态，这不是我想在这里做的。

我还希望模式在上一个选项卡中保持不变，即保持打开状态（不要关闭它）。

Answer 1

您可以通过 jQuery 添加目标属性以定位元素：

$('#modal-name a').attr('target', '_blank');

或者您可以使用 window.open():

将事件绑定到锚点本身

$('#modal-name').on('click', 'a', function(event) {
    event.preventDefault();
    window.open($(this).attr('href'), '_blank');
});