2013-03-26 86 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,這似乎是更靈活。