0

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

在文档中说：使用属性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;
}

这是我的标记：

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

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

4

2 回答 2

3

文档说：

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

您需要像这样初始化轨道（以及 Foundation 的任何组件）：

$(document).foundation('orbit', {
    orbit_transition_class: 'my-transition'
});
$(document).foundation();
于 2013-03-27T00:18:04.157 回答
1

我遇到了同样的问题，所以我查看了我的 Foundation 版本（4.3.2）中的 Orbit 源代码。事实证明该orbit_transition_class设置存在，但目前没有用于任何事情。

这要么是一个错误，要么他们仍在此设置中逐步淘汰/逐步淘汰。

您可以通过在文件中对“orbit_transition_class”进行文本搜索来检查您的版本是否正在使用它js/foundation/foundation.orbit.js。如果你只得到一个结果，在设置对象中，它可能是一个未使用的设置。

更新：我切换到 WooThemes FlexSlider 2，它似乎更灵活。

于 2013-10-06T20:15:49.950 回答