不明白如何让orbit js与Foundation 4一起工作

Don't understand how to get orbit js working with Foundation 4

本文关键字:Foundation 一起 工作 js orbit 明白      更新时间:2023-09-26

抱歉,我在理解Foundation 4 JS文档时遇到了麻烦:

$(document).foundation();

一切都很好,但是如果我使用这个:

$(document).foundation('orbit', {bullets:false});

子弹从轨道中被移除,但其他javascript(响应式。toggle-topbar或自定义表单#customDropdown)都不起作用。

我也试过这个:

$(document)
  .foundation()
  .foundation('orbit', {bullets: false});

但是所有的JS工作,但子弹没有被删除。

我只是不确定它是如何工作的,抱歉,任何正确方向的指点将不胜感激。

欢呼本

您建议的答案@CMSCSS,虽然它适用于您,但一般来说并不准确,特别是这一部分:

如果你用选项初始化一个插件(例如Orbit),你必须初始化你想要使用的所有其他程序,否则它们将无法运行

自定义样式或行为不起作用或不被应用的原因是由于您初始化基础及其组件的顺序。为了使一切工作,你的自定义样式/行为和基础,你应该先做自定义,然后初始化基础。你可以去我的其中一个答案,看看你如何使它工作。我的答案从来没有被接受过,但它是一个证明的解决方案。我就是这么做的,而且很管用。在一个页面上,我有一个轨道,自定义的形式和网格布局和所有的工作使用给定的技术。

因此,如果你初始化一个插件选项(例如Orbit),你必须初始化所有你想使用的其他插件,否则它们不会像这样运行:

$(document)
  .foundation('dropdown topbar forms')
  .foundation('orbit', {bullets: false});