最近在项目中发现,用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