css - Foundation 4 轨道自定义过渡

Question

我正在尝试自定义 Foundation 4 Orbit 组件的过渡。我想更改 ease 属性，但我做不到。

在docs说:使用属性 orbit_transition_class 指定我自己的类如下:

.my-transition {
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}

这是我的 Hmarkup:

<ul data-orbit data-options="orbit_transition_class:my-transition;">

我不知道我做错了什么，有人能告诉我如何实现吗？

Answer 1

文档说:

Orbit options can only be passed in during initialization at this time.

您需要像这样初始化轨道(以及与此相关的任何 Foundation 组件):

$(document).foundation('orbit', {
    orbit_transition_class: 'my-transition'
});
$(document).foundation();