jQuery:触发 click() 不起作用？

Question

为什么点击 trigger1 和 trigger2 不会触发点击 open ？

<a id="trigger1" href="#" onclick="jQuery('#open').trigger('click');">trigger1</a>  
<a id="trigger2" href="#" onclick="jQuery('#open').click();">trigger2</a>
<a id="open" href="http://google.com">open</a>

使用ready (trigger3) 也不起作用:

<a id="trigger3" href="#">trigger3</a>

...

jQuery(document).ready(function(){    
  jQuery('#trigger3').bind('click', function(){
      jQuery('#open').html('to be fired'); /* works */
      jQuery('#open').click();        
  });

  jQuery('#trigger3').click(function(){
      jQuery('#open').html('to be fired'); /* works */
      jQuery('#open').click();
  });
});

Answer 1

需要澄清的是，执行 jQuery('#open').click() 不会执行 anchor 标记的 href 属性，因此您不会被重定向。它执行未定义的 #open 的 onclick 事件。

您可以通过为 #open 提供一个点击事件，使用原始 jQuery('#open').click() 代码完成重定向并能够实现重定向:

jQuery('#open').click( function (e) {
  window.location.href = this.href;
});