Foundation-drilldown-javascript-reference

基礎-ドリルダウンJavaScriptリファレンス

Foundationは、以下にリストするドリルダウンメニュー用のJavaScriptコンポーネントを提供します。

初期化中

_foundation.drilldown.js_および_foundation.core.js_プラグインを使用して、JavaScriptのドリルダウンメニューを初期化できます。 プラグインには、次のライブラリが必要です-

• foundation.util.keyboard.js
• foundation.util.motion.js
• foundation.util.nest.js

Foundation.Drilldown

以下で定義されているように、ドリルダウンメニューのインスタンスを指定します-

var elem = new Foundation.Drilldown(element);

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

プラグインオプション

次のプラグインを使用して、ドリルダウンメニューインスタンスをカスタマイズできます。 プラグインオプションを個別のデータ属性として設定できます。

Sr.No.	Name & Description	Example
1	backButton _js-drilldown-back_クラスが必要です。 JS生成の戻るボタンの場合、マークアップが使用されます。	<\li><\a>Back<\/a><\/li>
2	wrapper 独立したスタイリングには、_is-drilldown_クラスが必要です。	<\div class = "is-drilldown"><\/div>
3	closeOnClick 本文をクリックすると、メニューがルートリストに戻るのに役立ちます。	false

イベント

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

Sr.No.	Name & Description
1	closed.zf.drilldown menu メニューが完全に閉じられると、イベントがトリガーされます。
2	hide.zf.drilldown menus 開いているサブメニューが閉じられると、イベントがトリガーされます。

関数

以下は、ドリルダウンメニューで使用される機能です。

._hideAll

開いているすべての要素を閉じて、ルートメニューに戻ります。

。_バック

各_back_ボタンには、イベントリスナーが含まれています。

Sr.No.	Name & Description	Type
1	$elem _back_イベントは、現在のサブメニューに含まれています。	jQuery

._show

サブメニューが開きます。

Sr.No.	Name & Description	Type
1	$elem 現在のサブメニューを開きます。	jQuery

。_隠す

サブメニューは非表示です。

Sr.No.	Name & Description	Type
1	$elem 現在のサブメニューを非表示にします	jQuery

。破壊する

ドリルダウンメニューが破棄されます。