触发锚标记上的点击事件不起作用 [英] Triggering click event on anchor tag doesn't works

问题描述

我刚遇到 此问题

I just ran into this question

FIDDLE

FIDDLE

锚定标记上的触发click事件在这里不起作用.

Triggering click event on anchor tag is not working here.

<a class="button2" href="#popup1">hello</a>
<div id="popup1" class="overlay">
  <div class="popup">
    <div class="contentSpec">
      <h2>Would you like to visit</h2>
      <h1>someURL</h1>
    </div>
    <a class="close" href="#"></a>
    <div class="content">

      <div class="box">
        <a class="button" href="#popup1">YES</a>
        <a class="button1" href="#popup1">NO</a>
      </div>
    </div>
  </div>
</div>

JS:

$(document).ready(function() {
  $(".button2").trigger('click');
});

我的问题是，为什么在这种情况下触发事件不起作用?

My question, is why the trigger event is not working in this case?

推荐答案

您需要调用本机DOM click()方法，以触发默认的单击锚定行为，jQuery特别是

You need to call native DOM click() method in order to fire default clicking anchor behaviour, jQuery specifically excludes it on anchor:

$(document).ready(function() {
  $(".button2")[0].click();
});

-jsFiddle-

这篇关于触发锚标记上的点击事件不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！