jquery - 在新窗口中打开引导模式中的任何链接

Question

我有一个将内容加载到 Bootstrap (3.3.7) 模式窗口的页面。这些模式中的大多数内容都具有 1 个或多个链接。

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

我可以通过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');
});