单击链接时是否可以同时切换模式并在另一个选项卡中打开URL？

Question

我有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。单击按钮2中带有jQuery代码的按钮1：

左击按钮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'));
});

Answer 1

我想您正在使用引导程序。

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

在这里，您将在模态显示时模拟点击。 试试看，告诉我是否可行

Answer 2

您需要避免链接的默认事件并设置自定义操作

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

这里有一个使用boostrap的示例

Code-pen snipet