2

(1) プロジェクトがあり、Foundation 4 (Orbit) の統合スライダーを使用したい。私の問題は、ブラウザが特定の向きになっている場合にのみ、スライダーを初期化する (またはプラグインを開始する) ことです。したがって、私の問題では、プラグインを自分で開始または初期化する方法が必要です。

私はこのようなことを試しました：

$(document).foundation('orbit', 'start‘);

しかし、最初はページの読み込みの最初から始まり、次に、私が示したコード行から始まりません。

(2) もう 1 つ質問があります。上記の質問に加えて、Ajax を使用して Orbit コンテンツ スライドを読み込めますか、それとも別の解決策が必要ですか? スライダーの再初期化機能のようなものが必要だと思いますか?

4

1 に答える 1

1

ブラウザの向きが特定の場合にのみ、スライダーを初期化 (またはプラグインを開始) したい

次のようなことをする必要があります：

if (screen.innerWidth > screen.innerHeight) {
    // start orbit when the device is on a landscape mode
    $(document).foundation('orbit').init();
}

Ajax を使用して Orbit コンテンツ スライドをロードできますか

もちろんできます。コンテンツを追加した後で orbit を再初期化するだけです。何かのようなもの：

$("#yourSlider").append('<li><img src="url_of_the_image" /></li>');
$(document).foundation('orbit').init();
于 2013-05-21T11:05:03.053 に答える