Foundation-toggler-javascript-reference

Foundation-Toggler JavaScriptリファレンス

Foundationは、以下にリストされているトグル用のJavaScriptコンポーネントを提供します。

初期化中

_foundation.toggler.js_および_foundation.core.js_プラグインを使用して、JavaScriptでトグルを初期化できます。 プラグインには、次のライブラリが必要です-

• foundation.util.motion.js

Foundation.Toggler

以下に定義されているように、トグルのインスタンスを指定します-

var elem = new Foundation.Toggler(element);

Sr.No.	Name & Description	Type
1	element TQueryにjQueryオブジェクトを作成します。	jQuery
2	options デフォルトのプラグイン設定はオーバーライドされます。	Object

プラグインオプション

次のプラグインを使用して、Togglerインスタンスをカスタマイズできます。 プラグインオプションを個別のデータ属性として設定できます。

Sr.No.	Name & Description	Example
1	animate トグル時に要素をアニメーション化するようプラグインに指示します。	false

イベント

任意の要素にアタッチされたトグルプラグインは、次のイベントをトリガーできます。

Sr.No.	Name & Description
1	on.zf.toggler ターゲット要素がトグル後のクラスで構成される場合、イベントをトリガーします。
2	off.zf.toggler ターゲット要素にトグル後のクラスがない場合、イベントをトリガーします。

関数

以下は、トグルで使用される関数です。

。トグル

状態のオンまたはオフに応じて、イベントは元のトリガーから起動されます。 ターゲットクラスをターゲット要素に切り替えます。

。破壊する

トグルのインスタンスが破棄されます。