2016-11-28 151 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'); 
});