对a标签使用click()不起作用

最新推荐文章于 2025-03-18 12:01:41 发布

Dobby Liu

最新推荐文章于 2025-03-18 12:01:41 发布

阅读量8k

点赞数 2

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/yixu0534/article/details/90446043

版权

前端专栏收录该内容

9 篇文章

订阅专栏

本文讨论了在JavaScript中遇到a标签click事件不起作用的情况。通过分析代码和查看元素事件，发现需要通过$(a)[0].click()来正确触发点击事件。问题在于原始代码未指定DOM元素，解决方案是明确指定元素的索引。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有问题的代码：

var cur_url = window.location.href;#获取当前页面url
if(cur_url.indexOf('#') > 1){ #链接中有锚点
    var tab = cur_url.split('#')[1]; #获取锚点的值
    var lis = $('#myTab li'); #获取所有tab
    $.each(lis, function(index, obj){
        if($(obj).find('a').attr('href') == '#'+tab){
            $(obj).find('a').click();#问题行，点击事件不起作用
            return false;
        }
    });
}

解决的代码：

var cur_url = window.location.href;#获取当前页面url
if(cur_url.indexOf('#') > 1){ #链接中有锚点
    var tab = cur_url.split('#')[1]; #获取锚点的值
    var lis = $('#myTab li'); #获取所有tab
    $.each(lis, function(index, obj){
        if($(obj).find('a').attr('href') == '#'+tab){
console.log($(obj).find('a'));#打印出找到的a标签
            $(obj).find('a')[0].click();#修改后的代码
            return false;
        }
    });
}

上述代码中的console.log($(obj).find('a'))的结果如下图所示，

打开0：a 可查看到有各种事件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="jquery-2.0.3.min.js"></script>
    <script type="text/javascript">
    	$(function(){
            console.log($('a'));#这里查看获取的a标签
        });
    </script>
</head>
<body>
<div class="advantage1">
    <a href="javascript:;" data-url="https://www.baidu.com">百度</a>
</div>

</body>
</html>

上面代码console.log($(a));打印的结果如下