在新窗口中打开Bootstrap模式中的任何链接

Question

我有一个页面，可以将内容加载到Bootstrap（3.3.7）模式窗口中。大多数这些模态中的内容包含一个或多个链接。

我希望用户在这些模式中点击的任何链接都可以在新的浏览器标签中打开。

我可以通过在每个锚上添加target="_blank"来实现此目的，例如

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

但这似乎很乏味，因为每次输出链接时我都要添加此标记。

有没有办法告诉浏览器在新窗口/标签中打开模态中找到的任何链接？

我已经搜索过了，但大多数答案都是指加载里面的模式，这不是我想要做的。

我还希望模式在上一个标签中保持不被触摸，即保持打开状态（不要关闭它）。

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');
});