首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用jQuery触发点击链接

如何使用jQuery触发点击链接
EN

Stack Overflow用户
提问于 2011-04-28 05:59:18
回答 12查看 764K关注 0票数 274

我有一个链接:

代码语言:javascript
复制
<ul id="titleee" class="gallery">
  <li>
    <a href="#inline" rel="prettyPhoto">Talent</a>
  </li>
</ul>

我尝试通过使用以下命令来触发它:

代码语言:javascript
复制
$(document).ready(function() {
  $('#titleee').find('a').trigger('click');
});

但它不起作用。

我也试过了:$('#titleee a').trigger('click');

编辑

实际上,我需要触发这里调用的get <a href="#inline" rel="prettyPhoto">

EN

回答 12

Stack Overflow用户

回答已采纳

发布于 2011-04-28 06:11:49

如果你试图在锚点上触发一个事件,那么你的代码就可以工作了。我用jsfiddle重新创建了你的例子,并添加了一个eventHandler,这样你就可以看到它是工作的:

代码语言:javascript
复制
$(document).on("click", "a", function(){
    $(this).text("It works!");
});

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

您是试图让用户通过单击锚点导航到网页上的某个点,还是试图触发绑定到锚点的事件?也许你还没有成功的将点击事件绑定到事件上?

还有这一点:

代码语言:javascript
复制
$('#titleee').find('a').trigger('click');

等同于这个:

代码语言:javascript
复制
$('#titleee a').trigger('click');

不需要调用find。:)

票数 347
EN

Stack Overflow用户

发布于 2014-01-24 21:41:38

很抱歉,确实不需要事件处理程序。您需要的是标记中的另一个元素以供单击。

代码语言:javascript
复制
<a id="test1" href="javascript:alert('test1')">TEST1</a>
<a id="test2" href="javascript:alert('test2')"><span>TEST2</span></a>

Jquery:

代码语言:javascript
复制
$('#test1').trigger('click'); // Nothing
$('#test2').find('span').trigger('click'); // Works
$('#test2 span').trigger('click'); // Also Works

这一切都是关于你正在点击的东西,它不是标签,而是它里面的东西。不幸的是,纯文本似乎不能被JQuery识别,但它是由普通的javascript识别的:

代码语言:javascript
复制
document.getElementById('test1').click(); // Works!

或者以数组的形式访问jQuery对象

代码语言:javascript
复制
$('#test1')[0].click(); // Works too!!!
票数 241
EN

Stack Overflow用户

发布于 2019-04-26 18:33:01

由于这个问题在谷歌中排名第一,因为“触发点击<a>元素”,而且没有答案真正提到你是如何做到这一点的,下面是你如何做到的:

代码语言:javascript
复制
$('#titleee a')[0].click();

说明:在底层的html-element上触发click,而不是在jQuery-object上触发。

欢迎googlers用户:)

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

https://stackoverflow.com/questions/5811122

复制
相关文章

相似问题

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