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});