在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

发布了20 篇原创文章 · 获赞 5 · 访问量 3179

猜你喜欢

转载自blog.csdn.net/XiaoningZhu/article/details/100072947
今日推荐