jquery - 在第一个选项卡上第一次单击，浏览器 View 向上移动

Question

我正在使用 Zurb foundation 创建简单的选项卡，如 seen here .

一切正常，但是，当我第一次单击另一个选项卡时，浏览器中的 View 发生了变化。好像要往上走。我认为它的作用就像链接一样， anchor 标记移动了它。在随后的点击中，它不会那样做。

这是我的代码:

<dl class="tabs">
  <dd class="active"><a href="#simple1">Overview</a></dd>
  <dd><a href="#simple2">Location</a></dd>
  <dd><a href="#simple2">Features</a></dd>
  <dd><a href="#simple2">Reviews</a></dd>
  <dd><a href="#simple2">Promotions</a></dd>
  <dd><a href="#simple2">T&amp;C's</a></dd>
</dl>
<ul class="tabs-content">
  <li class="active" id="simple1Tab">
...
  </li>
...
</ul>

Answer 1

添加哈希标签和 url 的末尾会使您的浏览器“有时”到达顶部，也许使用 javascript 作为 url 可能是解决方案？