jQuery触发单击锚标记，在两个新选项卡中打开相同的URL

Question

在单击div时，我试图触发锚标记并使用jQuery在新选项卡中打开其URL。它正在工作，但是两次打开相同的URL。

我已经编写了一些jQuery代码来检测特定div上的点击并触发其锚元素上的click事件。当我单击div时，它将导致网站的jQuery版本打开，并且HTML锚标记也被直接单击。

<div class="website-open">
  <a class="icon--preview" target="_blank" href="http://www.example.com" role="button" rel="noopener noreferrer">
    <img src="myimage.php">
  </a>
</div>

// Js to open website link 
$('.website-open').click(function(e) {
  window.open($(this).find('a').attr('href'));
});

Answer 1

您正在编写脚本以在新选项卡中打开URL，并且您的锚标记也被单击。这就是为什么它打开两次的原因。

只需将脚本更改为此：

$('.website-open').click(function(e) {
  $(this).find('a').click();
});