2016-11-28 148 views
0

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

我想要任何用户点击的链接,在这些模式下,打开一个新的浏览器选项卡。

我可以通过在每个锚点上放置一个target="_blank"来实现这个工作,例如,

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

但是,这似乎乏味,因为每次我输出一个链接,我必须添加此标记。

有没有办法告诉浏览器打开在新窗口/选项卡中的模式中找到的任何链接?

我搜索了四周,但大多数的答案指的是加载链接里面模态,这不是我想要在这里做的。

我还希望模式在上一个标签中保持未触及状态,即保持打开状态(不要关闭它)。使用window.open()

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

或者你可以绑定一个事件来锚自己:

+0

写一小片的JS代码,将目标属性添加到模态内的所有链接,并在适当的事件上触发它(打开模式,加载数据,任何最适合的数据)。 – CBroe

回答

2

您可以通过jQuery瞄准元素添加目标属性

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