关于a标签跳转的问题

Question

大概是这样的

<a href='#div' onclick='func();'></a>

在点击a标签之前，要跳转到的div是隐藏的.在onclick方法中会将div显示出来。

我就是想要执行onclick方法之后并且跳转到div那。

不过可能由于div是隐藏的，实现的效果只能是div显示出来，并未进行跳转。从点击第二次之后 click和跳转都会执行。

说的有点乱，希望有人能明白并help me

Answer 1

应该不会有你说的这个问题啊
onclick函数首先被执行，然后会执行href，
此时div已经显示出来了

Answer 2

你在 html页面先不要写href属性
在onclick函数中显示 div后给a href属性赋值;
然后如果没有跳转的话可以 自动trigger 一次

jq写法

html

 <a href='###' onclick='func();'></a>

js

func(){
    $('.那个div的class').show();
    $this.attr('href','#div');
    //如果这样不触发的话 就
    $this.click();
}

Answer 3

关于html中锚点，除了通过设置上面a标签的url链接地址。
还可以通过下面这句话解决

document.getElementById('xxx').scrollIntoView();