Foundation-equalizer-javascript-reference

Foundation-イコライザーJavaScriptリファレンス

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

Foundation.Equalizer

以下に定義されているように、イコライザーのインスタンスを指定します-

var elem = new Foundation.Equalizer(element);

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

プラグインオプション

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

Sr.No.	Name & Description	Example
1	equalizeOnStack 積み重ねると、小さな画面で高さの均等化が有効になります。	true
2	throttleInterval 等化サイズをデバウンスする時間はミリ秒で設定されます。 トランジションのパフォーマンスは、モバイルでより少ない時間でスムーズになります。	50

イベント

任意の要素に接続されたイコライザープラグインは、次のイベントをトリガーできます。

Sr.No.	Name & Description
1	preEqualized.zf.equalizer 高さが適用される前にイベントをトリガーします。
2	postEqualized.zf.equalizer 高さが適用されると、イベントがトリガーされます。

関数

アコーディオンメニューで使用される機能は次のとおりです。

.getHeights

イコライザーの親内の子コンテナーの高さを取得します。 配列が返されます。

Sr.No.	Name & Description	Type
1	$eqParent イコライザーコンテナーにjQueryオブジェクトを作成します。	Object

.applyHeight

イコライザーの親の最も高いイコライザーに一致するように、すべての子に同じ高さを適用します。

Sr.No.	Name & Description	Type
1	$eqParent イコライザーコンテナーにjQueryオブジェクトを作成します。	Object
2	heights イコライザーコンテナー内の子の高さの配列を設定します。	array

。破壊する

イコライザーは破壊されます。