javascript - 点击span触发a标签点击事件？

Question

html：

<code><span class="link1">点击</span>
<a class="link2" href="http://www.baidu.com"></a></code>

js：

<code>$(document).ready(function() {
    $('.link1').click(function() {
        $('.link2').click();
        console.log('ok');
    });
});</code>

已经打印出ok了，为什么不会跳转？

Answer 1

<code>$('.link2').get(0).click();</code>

Answer 2

因为你没有为 .link2 绑定 handler， 你需要添加:

<code>$('.link2').on("click", function(){
  window.location.href = $(this).attr("href");
  return false;
});</code>

Answer 3

<code class="javascript">$('.link1').on('click', function() {
    $('.link2').trigger('click');
});</code>

Answer 4

.link1 点击触发的是console.log('ok'); 并没有做到点击.link2

Answer 5

click是需要鼠标去进行触发的事件，不能依靠代码触发的。如果你需要点击span的时候跳转，可以在span的click事件的回调内写 window.loacation.href = 你想要跳转的地址。