целевой iframe, когда имя iframe является динамическим

Question

Моя проблема связана с iframe с динамическим именем, добавленным из jquery. Кажется, когда я пытаюсь динамически добавить имя в iframe, ссылки, ориентированные на iframe, открываются в новом окне.

Тестовый код прост:

HTML:

<a href="https://www.gaugeonline.com/" target="iframe1">test</a>
<iframe src="https://test.com"></iframe>

JQuery:

$('iframe').attr('name', 'iframe1');

Я сделал простую скрипку: https://jsfiddle.net/2ztg7xpj/1/

Я также попытался динамически добавить цель и имя:

HTML:

<a href="https://www.gaugeonline.com/">test</a>
<iframe src="https://test.com"></iframe>

JQuery:

$('iframe').attr('name', 'iframe1');
$('a').attr('target', 'iframe1');

и скрипка: https://jsfiddle.net/2ztg7xpj/2/

Итак, вопрос в том, почему это поведение для динамически добавляемого имени iframe и существует ли какой-то обходной путь (кроме добавления имени непосредственно в iframe)

Answer 1

Я все еще озадачен поведением по умолчанию. Похоже, новый способ избежать блокировщиков всплывающих окон.

В любом случае я создал свой собственный обходной путь исправления.

$('a[target=frame1]').click( function( e ) {
    e.preventDefault();
    var href= $(this).attr('href');
    $('iframe[name=frame1]').attr('src', href);
});