Javascript 基础轨道不为-X27；初始化 我正在使用基金会4框架。我一直在尝试将Orbit slide加入我的网站，但我似乎无法让它发挥作用

所以我按照步骤走了进去。我已经包括了所有必要的脚本

<script type="text/javascript" src="js/vendor/custom.modernizr.js"></script>
<script type="text/javascript" src="js/foundation.min.js"></script>
<script type="text/javascript" src="js/foundation/foundation.orbit.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script>
       $(document).foundation();
</script>

$（document.foundation（）；

然后我尝试添加一个简单的幻灯片

<ul data-orbit>
       <li>
              Test1
       </li>
       <li>
              Test2
       </li>
       <li>
              Test3
       </li>
</ul>

测试1


测试2


测试3

---

但是，我得到的不是幻灯片，而是一个没有编号的列表。我检查了三遍，以确保没有拼写错误这就是我得到的一个例子。

在我的expirience基金会的纸条上有点凌乱，所以试着做以下几点：

将Modernizer放入

在

标记前面的

末尾引用以下js：

<script>
  document.write('<script src=' +
  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
  '.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<script>
    $(document).foundation(); 
</script>

文件。写入（“”）
$（document.foundation（）；

这样，在旧浏览器中加载Zepto，在旧浏览器中加载jQuery，然后加载基础，然后告诉文档获取格式。不需要加载轨道JS，因为它在Min版本的基础上。

---

代码记录在

中，我也遇到了这个问题

ezabaw使用的保护修复对我有效

此功能需要orbit.js

---

TCasa

丹和TCasa是正确的。不要忘记

foundation.orbit.js

。这是必要的

因此，请将其放在

结束标记之前：

<script>
  document.write('<script src=' +
  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
  '.js><\/script>')
</script>
<script src="js/foundation.js"></script>
<script src="js/foundation.orbit.js"></script>   // <-- Don't forget this one
<script>
    $(document).foundation();
</script>

文件。写入（“”）
//有一个更简单的方法。
滑块需要在页面完全加载后初始化

对我来说，在其他答案中遵循了上述所有步骤之后，下面的答案奏效了

<script>
    $(document).ready(function() {   $(document).foundation(
    //add custom options to orbit
     'orbit', {
     animation: 'slide',
     timer_speed: 1000,
     pause_on_hover: true,
     animation_speed: 500,
     navigation_arrows: true,
     bullets: true


    );});
</script>


$（文档）.ready（函数（）{$（文档）.foundation(
//将自定义选项添加到动态观察
"轨道",{
动画：“幻灯片”，
定时器速度：1000，
悬停悬停：正确，
动画速度：500，
导航箭头：正确，
子弹：对
);});

可以在此处找到其他自定义选项

一个有效的例子是（帮助我解决这个问题）
我遵循了JS指令，所以我已经做了。但是，它不起作用，所以我也添加了轨道脚本。试着在jQuery下面添加ZEPTO JS，别忘了在Zeto和JQueRead之后调用FAST。有相同的问题，唯一的不同是我的问题发生在WordPress +基金会的上下文中。我有答案。答案在我选择的答案中。我只在标签中放置了“现代”，而其余的标签正好在结束标签之前。