单击链接时，是否可以同时切换模式并在另一个选项卡中打开 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。使用 jQuery 代码从按钮 2 中单击按钮 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