Foundation - 均衡器 JavaScript 参考

Foundation 提供了如下所示的均衡器 JavaScript 组件。

Foundation.Equalizer

它指定了如下定义的均衡器实例：

var elem = new Foundation.Equalizer(element);

序号	名称和描述	类型
1	元素它在均衡器中创建一个 jQuery 对象。	jQuery
2	选项覆盖默认插件设置。	对象

序号

名称和描述

类型

元素

它在均衡器中创建一个 jQuery 对象。

jQuery

选项

覆盖默认插件设置。

对象

插件选项

您可以使用以下插件来自定义均衡器实例。您可以将插件选项设置为单独的数据属性。

序号	名称和描述	示例
1	equalizeOnStack 堆叠时在小屏幕上启用高度均衡。	true
2	throttleInterval 将时间设置为毫秒，以去抖均衡大小。在较短的时间内，手机上的过渡性能会变得更流畅。	50

序号

名称和描述

示例

equalizeOnStack

堆叠时在小屏幕上启用高度均衡。

true

throttleInterval

将时间设置为毫秒，以去抖均衡大小。在较短的时间内，手机上的过渡性能会变得更流畅。

事件

附加到任何元素的均衡器插件可以触发以下事件。

序号	名称和描述
1	preEqualized.zf.equalizer 在应用高度之前触发事件。
2	postEqualized.zf.equalizer 应用高度后触发事件。

序号

名称和描述

preEqualized.zf.equalizer

在应用高度之前触发事件。

postEqualized.zf.equalizer

应用高度后触发事件。

函数

以下是手风琴菜单中使用的函数。

.getHeights

获取均衡器父级内子容器的高度。返回一个数组。

序号	名称和描述	类型
1	$eqParent 它在均衡器容器中创建 jQuery 对象。	对象

序号

名称和描述

类型

$eqParent

它在均衡器容器中创建 jQuery 对象。

对象

.applyHeight

将相同的高度应用于所有子元素，以匹配均衡器父级中最高的均衡器。

序号	名称和描述	类型
1	$eqParent 它在均衡器容器中创建 jQuery 对象。	对象
2	高度设置均衡器容器中子元素的高度数组。	数组

序号

名称和描述

类型

$eqParent

它在均衡器容器中创建 jQuery 对象。

对象

高度

设置均衡器容器中子元素的高度数组。

数组

.destroy

销毁均衡器。

foundation_plugins.htm

打印页面