javascript - Foundation 4 Orbit - 将我发送到页面顶部的深层​​链接

Question

我正在尝试在我的页面中实现一个轨道滑块。这仅适用于图像和常规项目符号，但是当我向其中添加深层链接时，每个深层链接的 # href 都会被触发，并且我会被发送回页面顶部。我什至不知道数据轨道链接是否正常工作。

<div class="row">
  <ul id="featuredCom" data-orbit>
    <li data-orbit-slide="image-1">
      <img src="images/featureimages/slide2.jpg" />
    </li>
    <li data-orbit-slide="image-2">
      <img src="images/featureimages/slide1.jpg" />
    </li>
    <li data-orbit-slide="image-3">
    <img src="images/featureimages/slide3.jpg" />
    </li>
 </ul>
</div>
 <div class="row">
   <ul class="inline-list">
      <li><a href="#" data-orbit-link="image-1">Image One</a></li>
      <li><a href="#" data-orbit-link="image-2">Image Two</a></li>
      <li><a href="#" data-orbit-link="image-3">Goto Three 3</a></li>
   </ul>
 </div>

<script>
$(window).load(function(){
  $('#featuredCom').orbit({

 });
});
</script>

我没有更改 orbit.js 文件中的任何内容，所以我看不出是什么原因造成的。来回阅读 Foundation 4 orbit 文档，看看我是否遗漏了什么，但即使复制他们的代码，深层链接的行为方式也是如此。任何帮助，将不胜感激！

Answer 1

你可以使用 javascript: void(0);

<a href="javascript: void(0);" data-orbit-link="image-1">Image One</a>

并使用

$(document).foundation();