不了解如何让orbit js与Foundation 4一起工作

Question

很抱歉，我在理解Foundation 4 JS文档时遇到了问题-如果我使用以下代码：

$(document).foundation();

每件事都运行得很好，但是如果我使用下面的代码：

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

这些项目符号会从orbit中移除，但随后其他javascript都不起作用(响应性的.togger-topbar或自定义表单#customDropdown)。

我也尝试过这个：

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

但是，所有的JS都可以工作，但是项目符号不会被移除。

我只是不确定它是如何工作的，对不起，任何正确方向的指针都会非常感谢。

干杯

本

Answer 1

你的建议答案@CMSCSS，虽然对你有效，但总体上并不准确，特别是这一部分：

如果你初始化一个带有选项的插件(例如，动态观察)，你必须初始化所有其他你想使用的插件，否则它们将无法运行

自定义样式或行为不起作用或不会被应用的原因是因为您初始化foundation及其组件的顺序。要使一切正常工作，您的自定义样式/行为和基础一般情况下，您应该首先进行自定义，然后初始化基础。你可以使用go to one of my answers，看看如何让它工作。我的回答从未被接受，但它是一个proven solution。我这样做，它是有效的。在一个页面上，我有一个动态观察，自定义表单和网格布局，所有工作都使用给定的技术。希望这对你有帮助。

Answer 2

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

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