JavaScript Reference

优质

小牛编辑

131浏览

2023-12-01

Foundation为揭示模式提供JavaScript组件，如下所示 -

初始化 (Initializing)

您可以使用foundation.reveal.js和foundation.core.js插件初始化JavaScript中的窗格。 foundation.core.js插件需要以下库 -

它指定了揭示的实例，如下所述 -

var my_element = new Foundation.Reveal(element);

揭示包括下表中列出的值 -

Sr.No.	名称和描述	类型
1	element 它使用jQuery对象作为模态。	Number
2	options 它指定模态的可选参数。	Object

Sr.No.

名称和描述

类型

element

它使用jQuery对象作为模态。

Number

options

它指定模态的可选参数。

Object

您可以使用以下插件选项来自定义显示实例。

Sr.No.	名称和描述	例
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

Reveal提供表中列出的以下事件 -

Sr.No.	活动和描述
1	closeAll.zf.reveal 它会在打开新模态之前关闭所有当前模态。
2	open.zf.reveal 它会在您成功打开模态时触发事件。
3	closed.zf.reveal 它在关闭模态时触发事件。

Sr.No.

活动和描述

closeAll.zf.reveal

它会在打开新模态之前关闭所有当前模态。

open.zf.reveal

它会在您成功打开模态时触发事件。

closed.zf.reveal

它在关闭模态时触发事件。

Reveal提供以下功能 -

Sr.No.	功能说明
1	.open 它将打开模态，由此this.$anchor并关闭其他模态。
2	.close 它会关闭模态。
3	.toggle 它切换模态的状态。
4	.destroy 它破坏了模态实例。