Foundation-JavaScriptリファレンスの公開

Foundationは、以下にリストされているように、モーダルを明らかにするためのJavaScriptコンポーネントを提供します-

初期化中

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

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

var my_element = new Foundation.Reveal(element);

表には、以下の値が含まれています。

Sr.No.

Name & Description

Type

1

element

モーダルにはjQueryオブジェクトを使用します。

Number

2

options

モーダルのオプションパラメータを指定します。

Object

次のプラグインオプションを使用して、表示インスタンスをカスタマイズできます。

Sr.No.	Name & Description	Example
1	animationIn アニメーション要素に使用されます。	'slide-in-left'
2	animationOut アニメーション要素に使用されます。	'slide-out-right'
3	showDelay モーダルを開くのにかかった時間をミリ秒単位で表示します。	10
4	hideDelay モーダルを閉じるのにかかった時間をミリ秒単位で表示します。	10
5	closeOnClick ボディまたはオーバーレイをクリックすると、モーダルが閉じます。	true
6	closeOnEsc 「ESCAPE」キーをクリックすると、モーダルが閉じます。	true
7	multipleOpened 複数のモーダルを一度に表示します。	false
8	vOffset モーダルが画面の上部から押し下げられるときの距離をピクセル単位で指定します。	100
9	hOffset モーダルが画面の上部から押し下げられるときの距離をピクセル単位で指定します。	0
10	fullScreen ウィンドウの幅と高さに応じて、全画面モーダルを作成できます。	false
11	btmOffsetPct モーダルをビューの下部から押し上げる必要がある場合、画面の高さの割合を指定します。	10
12	overlay モーダルが開くと、オーバーレイdivが生成されます。	true
13	resetOnClose モーダルを閉じるときにリセットする必要があることを指定します。	false

表に記載されているように明らかにする以下のイベントを提供します-

Sr.No.

Event & Description

1

closeAll.zf.reveal

新しいモーダルを開く前に、現在のモーダルをすべて閉じます。

2

open.zf.reveal

モーダルを正常に開くと、イベントがトリガーされます。

3

closed.zf.reveal

モーダルを閉じると、イベントがトリガーされます。

Revealは以下の機能を提供します-

Sr.No.	Function & Description
1	.open _this。$ anchor_によって制御されるモーダルを開き、他のモーダルを閉じます。
2	.close モーダルを閉じます。
3	.toggle モーダルの状態を切り替えます。
4	.destroy モーダルインスタンスを破棄します。