使用jQuery触发锚标记的点击事件答案

【问题标题】：Trigger Click event of anchor tag using jQuery使用jQuery触发锚标记的点击事件
【发布时间】：2020-10-19 05:55:52
【问题描述】：

我正在尝试使用jQuery 触发a 标记的点击事件，并且已经看到许多其他关于此的 Stack Overflow 帖子，但无法弄清楚为什么我对其中任何一个的复制都不起作用。我的HTML 显示在这里：

        <c:url var="link" value="/hardwareItems" />
        <a href="${link}"  id="goToHardwareItems">Go
            to items</a>

然后这是我的jQuery/JS：

$("#form").on("submit", function() {
    if (confirm("Add hardware items?")){
        $("#goToHardwareItems").trigger('click');
    }
    
    else {
        window.location.href = "/home";
    }
});

虽然我没有工作，但是当我真正点击链接时，我确实被带到了页面。所以问题是事件根本没有触发，即使我也进入if 语句。我做错了什么？

【问题讨论】：

这个codepen可以帮助你：codepen.io/enzogla/pen/GRqqvmW
这里没有考虑表单的实际浏览器提交过程。这似乎是一个奇怪的设置。如果您只是使用它来选择两种选择，那么表单的意义何在？

标签： javascript html jquery onclicklistener jquery-events

【解决方案1】：

您可以读取href 的值并重定向。你已经这样做了。

$("#form").on("submit", function () {
    // Determine where to go based on user's response
    var link = confirm('Add hardware items?') ? $('#goToHardwareItems').attr('href') : '/home';
    window.location.href = link;
});

【讨论】：