У меня есть 4 кнопки (теги <a>
, стилизованные под кнопки), из которых только два имеют значение для этого вопроса:
Первая открывает ссылку на другой вкладке с еесоответствующее значение href
и атрибут target="_blank"
.
Второй включает модальное поле с некоторыми текстовыми полями, которые вручную заполняются информацией внутри страницы по URL-адресу, связанному в первомкнопка.
Я бы хотел открыть ту же ссылку с первой кнопки, нажав на вторую, но отображается только модальный режим, и больше ничего не происходит.
ИтакПока я пробовал эти опции:
Вариант 1. Установка href
и target
одинаково для обеих кнопок:
Левый щелчок переключает только модальный режим.При нажатии колеса прокрутки открывается ссылка на другой вкладке, и модальное изображение не отображается.
<a class="btn btn-primary btn-sm" id="button-1" href="some_url" target="_blank">Btn 1</a>
<a class="btn btn-primary btn-sm" id="button-2" href="some_url" target="_blank" data-toggle="modal" data-target="#my-modal">Btn 2</a>
Вариант 2. Нажатие кнопки 1 на кнопке 2 с кодом jQuery:
Левый щелчок на кнопке 2 переключаетмодал и кнопка 1 нажаты (я думаю), поскольку напечатанная строка показывает на консоли.
<a class="btn btn-primary btn-sm" id="button-1" href="some_url" target="_blank">Btn 1</a>
<a class="btn btn-primary btn-sm" id="button-2" data-toggle="modal" data-target="#my-modal">Btn 2</a>
$('#button-2').click(function(){
$('#button-1').click();
});
$('#button-1').on('click', function(){
console.log('Clicked ' + $(this).prop('id'));
});