Javascript jQuery-模拟单击

我想模拟当用户单击包含

但有问题的链接时的锚定单击

这是JS部分：

$('contactTab').click(function() {
    $('contactTabLink').trigger("click");
});

这是HTML部分：

<td class="previewTabs" id="contactTab">
<a class="previewTabLink" id="contactTabLink" rel="#contactOverlay">CONTACT</a>
</td>

接触

当有人单击“联系人”选项卡时，它会触发“联系人链接”上的单击事件，然后启动覆盖。我的问题是，带有click listener的JS函数根本没有启动

有人能看出我哪里出了问题吗

编辑1：

---

我已将选择器更改为具有#，但仍无法启动该功能。

您的选择器错误。

---

您需要

#

才能使用ID选择器。

您的选择器不正确

应该是这样的：

$('#contactTab').click(function() {

   $('#contactTabLink').trigger('click');

});

---

您的选择器错误-您使用的是id，因此前面应该有一个“#”

$('#contactTab').click(function() {
   $('#contactTabLink').trigger("click");
});

将哈希（#）添加到选择器后，确保函数包装在$（document）.ready（function（）{yourFunction}）中

---

我想这里需要注意的是，按照html的格式，

$（'contactTabLink'）。触发器（“click”）

将导致

$（'contactTab'）。由于它是
#contactTabLink
的父级，因此会引发无限的递归循环。有些浏览器会将错误打印到控制台，或者干脆不响应。您可以相应地安排html以避免以下情况：

<td class="previewTabs" id="contactTab">
  <a href="javascript:;" class="previewTabLink">CONTACT</a>
</td>
<a class="previewTabLink" id="contactTabLink" rel="#contactOverlay"></a> 


$（'contactTab'）
将尝试查找带有标记的元素
contactTab
。你想要这个。触发click事件不会使浏览器跟随链接。是的，jQuery选择器中的ID前面缺少“#”。使用$（'#contactTab'）。而不是$（'contactTab'）为
$（'contactTabLink'）
定义的单击侦听器在哪里？您已经触发了单击，但我没有看到为其定义任何侦听器，因此没有对单击事件执行任何操作。您的第二行仍然缺少#
<td class="previewTabs" id="contactTab">
  <a href="javascript:;" class="previewTabLink">CONTACT</a>
</td>
<a class="previewTabLink" id="contactTabLink" rel="#contactOverlay"></a>