首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >为什么我不能在jQuery中单击()链接?

为什么我不能在jQuery中单击()链接?
EN

Stack Overflow用户
提问于 2011-11-14 18:53:21
回答 5查看 2.7K关注 0票数 3

我在jQuery中遇到了一种好奇:如果我在链接上调用.click(),则调用click事件处理程序,但链接实际上没有被遵循(就好像它是在浏览器中单击的那样):

代码语言:javascript
复制
<a id="link" href="http://www.google.com>Link</a>

$("#link").click() // won't take me to Google

但是在普通的Javascript中,所有的行为都与预期的一样:

代码语言:javascript
复制
document.getElementById("link").click() // *will* take me to Google

这显然是故意行为 --但我很难弄清楚为什么click是这样实现的--除了链接之外?

小提琴:http://jsfiddle.net/9a6sp/

澄清:我不是在问如何单击JS中的链接,而是为什么jQuery中的默认行为实际上是在调用.click()时没有单击链接

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-11-14 18:56:17

domelement.click()不支持跨浏览器进行重定向。如果需要重定向到链接中的位置,可以使用:

代码语言:javascript
复制
window.location = $('#link').prop('href');
票数 8
EN

Stack Overflow用户

发布于 2011-11-14 18:56:28

jQuery.click()用于将单击处理程序绑定到元素。但是,它可以用于使用jQuery触发click()事件绑定。

jQuery.trigger()将触发绑定事件处理程序,例如$(someElement).trigger("click");

如果您想在jQuery中触发一个链接,我可以建议如下。

代码语言:javascript
复制
$(someelement).click(function () {
  window.location = $(link).attr("href");
});
票数 4
EN

Stack Overflow用户

发布于 2011-11-14 19:11:57

也许这就是你要找的?首先,您需要附加一个单击事件。然后你就可以用扳机来开火了。

代码语言:javascript
复制
<html>
<head title="jQuery Test">
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#blah').click(function () {
                alert('clicked');
            });
            $('#blah').trigger('click');
        });
    </script>
</head>
<body>
    <a id="blah" href="#">BLAH</a>
</body>
</html>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8126590

复制
相关文章

相似问题

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