时间戳

首页 > 解决方案 > 单击链接时，是否可以同时切换模式并在另一个选项卡中打开 URL？

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

问题描述

我有 4 个按钮（<a>样式化为按钮的标签），对于这个问题只有两个重要：

我想通过单击第二个按钮从第一个按钮打开相同的链接，但只显示模式，没有其他任何反应。

到目前为止，我已经尝试了这些选项：

选项 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'));
});

标签： javascriptjqueryhtmlbootstrap-4

解决方案

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

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

在这里，您将模拟显示模式时的单击。试一试，告诉我它是否有效

推荐阅读