首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在锚标签上触发点击事件不起作用

在锚标签上触发点击事件不起作用
EN

Stack Overflow用户
提问于 2015-12-09 16:36:30
回答 2查看 19K关注 0票数 14

我刚碰到

在锚定标记上触发click事件在此处不起作用。

<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');
});

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

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-12-09 16:43:35

您需要调用本机DOM click()方法来触发默认的点击锚点行为,jQuery特别是excludes it on anchor

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

-jsFiddle-

票数 40
EN

Stack Overflow用户

发布于 2015-12-09 16:42:41

使用

$(".button2").get(0).click();

get(0)将返回第一个DOM对象,而不是jquery对象,并触发click()

Updated fiddle

票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34174134

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档