在jQuery中，a标签trigger触发click不起作用的原因和解决方法

最近在项目中发现，用jq的trigger无法触发a标签的click事件。我的代码如下：

$('a').trigger('click')

查阅资料发现：

jquery trigger把(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) 的事件过滤掉了，不执行其原生点击事件，因此无法触发。$('a').trigger('click')，只是相当于触发了a本身的onclick，而不是像用户点击一样的事件。

解决方法如下：

方法一：

$('a')[0].click();

$('a')[0]得到的是原生dom元素，原生a标签的dom用click()可以触发点击事件。

方法二：

在a标签里面加一层span，然后触发span的click事件，通过冒泡触发a标签的点击事件。

<a id="test2" href="javascript:alert('test2')"><span>TEST2</span></a> $('#test2').find('span').trigger('click');

参考文章：

https://segmentfault.com/q/1010000003102551

https://stackoverflow.com/questions/5811122/how-to-trigger-a-click-on-a-link-using-jquery

在jQuery中，a标签trigger触发click不起作用的原因和解决方法相关推荐

html设置margin无效,CSS中margin不起作用的原因及解决方法
margin是一个属性,指定元素和元素之间的间距,但不能为内联元素指定边距,本篇文章将给大家介绍关于CSS中margin不起作用的原因及解决方法. margin不起作用的原因对于初学者来说,可能会经 ...
css transtion不生效_CSS中transition属性不起作用的原因及解决方法
CSS中的transition属性可用于调整元素更改的时间,它可以像动画一样显示.虽然transition属性可以很方便的实现过渡效果,但是有时候可能会出现无效的情况,所以我们就需要来理解transi ...
实验中遇到的Quartus II的Warning的解释、原因以及解决方法
1.Warning: Using design file cpu.v, which is not specified as a design file for the current project, ...
sharepoint 2010项目中，ashx页面获取SPContext.Current 为null的原因和解决方法
//错误的写法 public void ProcessRequest(HttpContext context) {SPSecurity.RunWithElevatedPrivileges(delega ...
动态生成的DOM不会触发onclick事件的原因及解决方法
最近朋友在做一个项目的时候,遇到动态加载微博内容,然后点击"展开评论"后获取该微博的所有评论.这里使用了动态加载的<span mid='123456789′ class='g ...
动态生成html点击事件无效,动态生成的DOM不会触发onclick事件的原因及解决方法...
最近朋友在做一个项目的时候,遇到动态加载微博内容,然后点击"展开评论"后获取该微博的所有评论.这里使用了动态加载的点击加载评论. 然后再写 $(".get_comment ...
基于继承类的属性模版中无法绑定的原因和解决方法
原文:基于继承类的属性模版中无法绑定的原因和解决方法这个的晚上想学学WPF 做一个类似于ERP 左边菜单.构思一下思路 ...... 创建一个类基于Expander类. 1 public class ...
Windows 技术篇：cmd使用过程中输入字母突然不显示光标的原因与解决方法
先说下光标消失的原因: 我们假设光标闪烁显示与不显示是两个状态,分别是通过(光标显示事件)和(光标隐藏事件)控制的. 中文输入过程中是没有光标的,此时直接按 ctrl+shift 切换输入法,系统没有 ...
c2010页面闪现_Vue.js中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
Vue.js中 v-if 和v-else-if页面加载出现闪现的问题及解决方法发布于 2020-2-22| 复制链接 vue中v-if 和v-else-if在页面加载的时候,不满足条件的标签会加载然 ...

在jQuery中，a标签trigger触发click不起作用的原因和解决方法

在jQuery中，a标签trigger触发click不起作用的原因和解决方法相关推荐

最新文章

热门文章