2013-03-26 39 views
0

我试图自定义Foundation 4 Orbit组件的转换。我想改变缓解属性,但我不能这样做。Foundation 4 Orbit自定义转换

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;"> 

我不知道我在做什么错了,有人可以告诉我如何实现它吗?

回答

3

文档说:

轨道选项只能在这个 时初始化期间传递英寸

都需要这样的初始化轨道(与任何基础的组件为此事):

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

在官方文件说: ---在4.0.7开始,你也可以使用数据选项属性传递配置设置轨道。把它当作一种风格的财产。 ---我在问如何将过渡值设置为'orbit_transition_class'属性。 – fenixkim 2013-06-06 20:39:26

1

我有同样的问题,所以我在我的版本基金会看着眼眶源代码(4.3.2)。事实证明orbit_transition_class设置存在,但目前不用于任何事情。

这可能是一个错误,或者他们仍然在逐步淘汰这个设置。

,如果你的版本是用它做在js/foundation/foundation.orbit.js文件“orbit_transition_class”文本搜索您可以检查。如果只有一个结果,那么在设置对象中,它可能是一个未使用的设置。

更新:我切换到WooThemes FlexSlider 2,这似乎是更灵活。