zurb-foundation - Foundation 4 - 自定义 Orbit

Question

我从最新的 Foundation 定制 Orbit 时遇到问题。从文档：

轨道选项此时只能在初始化时传入。

{
  timer_speed: 10000,
  animation_speed: 500,
  bullets: true,
  stack_on_small: true,
  container_class: 'orbit-container',
  stack_on_small_class: 'orbit-stack-on-small',
  next_class: 'orbit-next',
  prev_class: 'orbit-prev',
  timer_container_class: 'orbit-timer',
  timer_paused_class: 'paused',
  timer_progress_class: 'orbit-progress',
  slides_container_class: 'orbit-slides-container',
  bullets_container_class: 'orbit-bullets',
  bullets_active_class: 'active',
  slide_number_class: 'orbit-slide-number',
  caption_class: 'orbit-caption',
  active_slide_class: 'active',
  orbit_transition_class: 'orbit-transitioning'
}

嗯，太好了。但是如何应用呢？我试过了

$('#slider').orbit({...});
---

$(document).foundation().orbit({...});

但没有任何效果。我知道这很愚蠢，但是怎么做呢？

Answer 1

“从 4.0.7 开始，您还可以使用 data-options 属性将配置设置传递给 Orbit。” 来源：foundation.zurb.com/docs/components/orbit.html

将其视为样式属性：

<ul data-orbit data-options="timer_speed:2500; bullets:false;">
  ...
</ul>

Answer 2

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