Можно ли переключить модальный режим и открыть URL-адрес на другой вкладке в то же время, когда нажата ссылка? - PullRequest
0 голосов
/ 26 сентября 2018

У меня есть 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'));
});

Ответы [ 2 ]

0 голосов
/ 26 сентября 2018

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

var openPage = function (e) {
 e.preventDefault();
 window.open(e.target.href,e.target.target)
}

Здесь у вас есть пример использования boostrap

Фрагмент кода ручки

0 голосов
/ 26 сентября 2018

Полагаю, вы используете загрузчик.

$('#my-modal').on('show.bs.modal', function (e) {
  $('#button-1').trigger('click');
});

Здесь вы будете имитировать щелчок при отображении модального окна.Попробуйте и скажите мне, если это работает

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...