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.