Jquery 使用div代替项目符号进行动态观察

轨道内置子弹导航系统。我不想用这些项目符号在幻灯片之间导航，而是想用页面导航菜单中的项目来做同样的事情。有没有一种优雅的方法可以基本上用一系列的div来代替子弹，这样当我点击我的一个div时，它会导致轨道滚动到相应的幻灯片？创建自己的内容滑块是否更明智？提前感谢您提供的任何建议。

请确保在设置轨道时启用了项目符号。这看起来像：

$(document).ready(function() {
  $("#yourOrbitElement").orbit({
    bullets: true
  });
});

然后，使用CSS，将项目符号设置为

可见性：隐藏使用CSS

然后，您只需愚弄Orbit，使其认为在使用jquery的
.click（）
实际单击其他对象时，项目符号已被单击。这可能看起来像：

$(".yourNavElements").click(function(){ //when you click on your nav element
  $("#theAppropriateBullet").click();   //auto-click on the corresponding bullet
});

要使其工作，您需要某种方法来跟踪哪个导航按钮控制哪个子弹。我在每个导航按钮的
data
属性中存储了一个索引号，然后针对
：包含匹配索引的项目符号。
请确保在设置轨道时启用了项目符号。这看起来像：

$(document).ready(function() {
  $("#yourOrbitElement").orbit({
    bullets: true
  });
});

然后，使用CSS，将项目符号设置为
可见性：隐藏使用CSS

然后，您只需愚弄Orbit，使其认为在使用jquery的
.click（）
实际单击其他对象时，项目符号已被单击。这可能看起来像：

$(".yourNavElements").click(function(){ //when you click on your nav element
  $("#theAppropriateBullet").click();   //auto-click on the corresponding bullet
});

要使其工作，您需要某种方法来跟踪哪个导航按钮控制哪个子弹。我在每个导航按钮的
data
属性中存储了一个索引号，然后针对
：包含匹配索引的项目符号。
我也在寻找一种方法来实现这一点-似乎这可能应该内置在轨道中以获得更大的灵活性

我快速浏览了一下，并使用Orbit1.4.0对该解决方案进行了调整

您可以为导航使用您喜欢的任何结构：

<div id="custom-orbit-nav">
   <div>1</div>
   <div>2</div>
   <div>3</div>
</div>

我也在寻找一种方法来做到这一点——看起来这可能应该在轨道上构建，以获得更大的灵活性

我快速浏览了一下，并使用Orbit1.4.0对该解决方案进行了调整

您可以为导航使用您喜欢的任何结构：

<div id="custom-orbit-nav">
   <div>1</div>
   <div>2</div>
   <div>3</div>
</div>

仅供参考，因为我花的时间比我想承认的要多，我自己也在努力解决这个问题。Foundation/Orbit now（从何时开始不确定，这是我第一次尝试）现在支持开箱即用的深度链接。以防其他人像我一样偶然发现这一点：
仅供参考，因为我花了比我愿意承认的更多的时间试图自己弄明白这一点。Foundation/Orbit now（从何时开始不确定，这是我第一次尝试）现在支持开箱即用的深度链接。以防万一有人像我一样绊倒了：
基金会4应该在一个星期内发布，所以谁知道如果任何轨道更新都会包括更容易的定制……基金会4应该在一个星期内发布，所以谁知道如果任何轨道更新都会包括更容易的定制……好的解决方案。这使您可以在一个页面上有多个轨道，而我的则没有。谢谢很好的解决方案。这使您可以在一个页面上有多个轨道，而我的则没有。谢谢