在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