基础4-定制轨道

Question

我有一个问题，从最新的基础轨道定制。来自医生们

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

{
  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属性将配置设置传递到轨道上。”来源：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});