基础4轨道-深链接送我到页面的顶部

Foundation 4 Orbit - Deeplinks sending me to the top of the page

本文关键字：顶部 轨道 链接 基础      更新时间：2023-09-26

我试图实现轨道滑块到我的页面。这只适用于图像和常规子弹，但是当我添加深度链接到这，每个深度链接的# 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>

我没有改变轨道。js文件中的任何东西，所以我看不出是什么会导致这个。来回阅读Foundation 4 orbit文档，看看我是否遗漏了什么，但即使复制它们的代码，深度链接的行为方式也是一样的。任何帮助将不胜感激!

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

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

和

$(document).foundation();
相关文章：