不明白如何使用基础4进行轨道运行

时间:2013-03-29 20:27:19

标签: javascript zurb-foundation

我无法理解基础4 JS文档很抱歉 - 如果我使用它:

$(document).foundation();

每件事都很有效,但如果我使用它:

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

子弹从轨道上移除但其他javascript都没有工作(响应式.toggle-topbar或自定义形式#customDropdown)。

我也试过这个:

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

但是然后所有的JS都可以运行,但子弹不会被删除。

我只是不确定它是如何工作的抱歉,任何指向正确方向的人都会非常感激。

干杯

2 个答案:

答案 0 :(得分:1)

你建议的答案@CMSCSS虽然适合你,但一般来说并不准确,尤其是这部分:

  

如果您使用选项(例如Orbit)初始化一个插件,则必须这样做   初始化您要使用的所有其他人或他们将无法运行

自定义样式或行为无法使用或不会应用的原因是初始化基础及其组件的顺序。为了使一切工作,您的自定义样式/行为和基础,您应首先进行自定义,然后初始化基础。您可以go to one of my answers了解如何使其发挥作用。我的答案从未被接受,但它是经过验证的解决方案。我这样做,它的工作原理。在页面上,我有一个轨道,自定义表单和网格布局,所有工作都使用给定的技术。希望对你有帮助。

答案 1 :(得分:0)

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

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