0

Foundation 4 Orbit コンポーネントのトランジションをカスタマイズしようとしています。イージー プロパティを変更したいのですが、できません。

ドキュメントには次のように書かれています：プロパティを使用して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;">

何が間違っているのかわかりません。誰かがそれを達成する方法を教えてもらえますか?

4

2 に答える 2

3

ドキュメントには次のように記載されています。

軌道オプションは、現時点では初期化中にのみ渡すことができます。

次のように orbit (および 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ます。設定オブジェクトで結果が 1 つしか得られない場合は、おそらく未使用の設定です。

更新:より柔軟な WooThemes FlexSlider 2 に切り替えました。

于 2013-10-06T20:15:49.950 に答える