Сделайте любые ссылки в модале Bootstrap открытыми в новом окне

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