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

jQuery

 最近在项目中发现,用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标签的点击事件。

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

相关内容推荐

返回
顶部