jQuery - 触发器(“click”)& .click在控制台中工作但不在脚本中工作

时间:2017-06-05 07:57:56

标签: javascript jquery

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

$("#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");
});

然后当我刷新页面时,我可以在控制台日志中看到元素被完美选中,但是没有触发点击。你看到为什么这不起作用的任何可能原因吗?

1 个答案:

答案 0 :(得分:1)

您的事件被完全触发,它没有显示任何内容,因为在点击事件中没有定义事件监听器,因此,如果您定义点击事件,您将看到该事件将触发twise(.click().trigger('click')),

另外,如果你想触发重定向到href,只需添加location.href = this.href,点击+重定向就会触发。

请参阅下面的代码:



$(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>
&#13;
&#13;
&#13;