Foundation - Référence JavaScript Equalizer

Foundation fournit des composants JavaScript pour un égaliseur comme indiqué ci-dessous.

Fondation.Equalizer

Il spécifie l'instance d'un égaliseur tel que défini ci-dessous -

var elem = new Foundation.Equalizer(element);

N ° Sr.	Nom et description	Type
1	element Il crée un objet jQuery dans l'égaliseur.	jQuery
2	options Le paramètre par défaut du plug-in est remplacé.	Objet

Options de plug-in

Vous pouvez utiliser les plugins suivants pour personnaliser l'instance d'égaliseur. Vous pouvez définir les options du plugin en tant qu'attributs de données individuels.

N ° Sr.	Nom et description	Exemple
1	equalizeOnStack L'égalisation de hauteur est activée sur petit écran lorsqu'il est empilé.	vrai
2	throttleInterval Le temps est défini en ms pour supprimer la taille d'égalisation. Les performances des transitions deviennent plus fluides sur mobile dans les temps les plus bas.	50

Événements

Les plugins d'égalisation attachés à n'importe quel élément peuvent déclencher l'événement suivant.

N ° Sr.	Nom et description
1	preEqualized.zf.equalizer Il déclenche un événement avant que les hauteurs ne soient appliquées.
2	postEqualized.zf.equalizer Il déclenche un événement lorsque les hauteurs ont été appliquées.

Les fonctions

Voici les fonctions utilisées dans le menu accordéon.

.getHeights

Obtient la hauteur du conteneur enfants dans un parent égaliseur. Un tableau est renvoyé.

N ° Sr.	Nom et description	Type
1	$eqParent Il crée un objet jQuery dans un conteneur d'égaliseur.	Objet

.applyHeight

Applique la même hauteur à tous les enfants pour correspondre à l'égaliseur le plus grand du parent égaliseur.

N ° Sr.	Nom et description	Type
1	$eqParent Il crée un objet jQuery dans un conteneur d'égaliseur.	Objet
2	heights Définit le tableau de hauteur des enfants dans le conteneur de l'égaliseur.	tableau

.détruire

L'égaliseur est détruit.