Foundation - Equalizer JavaScript Reference

Foundation provides JavaScript components for an equalizer as listed below.

Foundation.Equalizer

It specifies the instance of a equalizer as defined below −

var elem = new Foundation.Equalizer(element);

Sr.No. Name & Description Type
1

element

It creates a jQuery object into equalizer.

 jQuery
2

options

Default plugin setting is override.

 Object

Plugin Options

You can use the following plugins to customize the equalizer instance. You can set the plugin options as individual data attributes.

Sr.No. Name & Description Example
1

equalizeOnStack

The height equalization is enabled on small screen when stacked.

 true
2

throttleInterval

The time is set in ms to debounce the equalization size. The transitions performance become smoother on mobile in lower times.

 50

Events

The equalizer plugins attached to any element can trigger the following event.

Sr.No. Name & Description
1

preEqualized.zf.equalizer

It triggers an event before the heights are applied.
2

postEqualized.zf.equalizer

It triggers an event when the heights have been applied.

Functions

The following are the functions used in accordion menu.

.getHeights

Gets the height of the children container within an equalizer parent. An array is returned.

Sr.No. Name & Description Type
1

$eqParent

It creates jQuery object in equalizer container.

 Object

.applyHeight

Applies same height to all the children to match the tallest equalizer in the equalizer parent.

Sr.No. Name & Description Type
1

$eqParent

It creates jQuery object in equalizer container.

 Object
2

heights

Sets the array of height of children in the equalizer container.

 array

.destroy

The equalizer is destroyed.

foundation_plugins.htm
Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements