javascript - jQuery - 触发器 ("click") & .click 在控制台中工作但在脚本中不起作用

Question

这是我在控制台中尝试的内容:

$("#element a:eq(0)").click();

而且它工作得很好。这是我在脚本中尝试的内容:

$(document).ready(function () {
    console.log($("#element a:eq(0)"));
    $("#element a:eq(0)").click();
    $("#element a:eq(0)").trigger("click");
});

然后，当我刷新页面时，我可以在控制台日志中看到该元素已被完美选择，但没有触发点击。您是否发现这不起作用的任何可能原因？

Answer 1

您的事件被完美触发，它没有显示任何内容，因为在单击事件上没有定义事件监听器，因此如果您定义单击事件，您将看到该事件将两次触发(.click() 和 .trigger('click')) ,

此外，如果您想触发到 href 的重定向，只需添加 location.href = this.href 即可触发 click + 重定向。

请参阅下面的代码片段:

$(document).ready(function () {
    console.log($("#element a:eq(0)"));
     
    $("#element a:eq(0)").click(function() {
      alert("#element a:eq(0) clicked");
      //if you want to redirect to href page just incomment the below line 
      //location.href = this.href;
    });
    
    $("#element a:eq(0)").click();
    
    $("#element a:eq(0)").trigger("click");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="element" >
  <a href="https://stackoverflow.com/questions/44364289/jquery-triggerclick-click-working-in-console-but-not-working-in-script" >1</a>
  <a href="#2" >2</a>
  <a href="#3" >3</a>
</div>