首页 > 点击span触发a标签点击事件?

点击span触发a标签点击事件?

html:

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

js:

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

已经打印出ok了,为什么不会跳转?


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


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


$('.link1').on('click', function() {
    $('.link2').trigger('click');
});

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

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

$('.link2').get(0).click();
【热门文章】
【热门文章】