首页 > 解决方案 > 如果有 target=_blank,如何在新选项卡中打开链接?

问题描述

仅当该链接具有类似内容时,我才尝试在新选项卡中打开链接target=_blank

<a href="https://google.com" target="_blank">Google</a>

出于某种原因,target=_blank在 Bootstrap 4.5 导航栏中不起作用因此,我尝试使用 jQuery 使其工作,因为某些链接具有以下target=_blank属性:

$('a.navigation-title').click(function () { 
    location.href = this.href; 
    $(this).find('a').attr('target','_blank'); 
    window.open(this.href, '_blank'); 
  });

这是我使用的脚本,但它没有任何效果。

标签: javascripthtmljquery

解决方案


将代码更改为

<a href="https://google.com" class="navigation-title" target="_blank">Google</a>

我在“a”标签中添加了一个新类,用于触发 jquery 的点击事件

$('.navigation-title').click(function () { 
    var url = $(this).attr('href'); 
    window.open(url , '_blank'); 
  });

推荐阅读