zurb-foundation - Foundation 4 - 自定义轨道

Question

我在从最新的 Foundation 定制 Orbit 时遇到问题。来自 the docs :

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>