Foundation - Référence JavaScript Toggler

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

Initialisation

Vous pouvez initialiser le basculement en JavaScript en utilisant les plugins foundation.toggler.js et foundation.core.js . Le plugin nécessite les bibliothèques suivantes -

• foundation.util.motion.js

Fondation.Toggler

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

var elem = new Foundation.Toggler(element);

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

Options de plug-in

Vous pouvez utiliser le plugin suivant pour personnaliser l'instance Toggler. Vous pouvez définir l'option du plugin en tant qu'attributs de données individuels.

N ° Sr.	Nom et description	Exemple
1	animate Indique au plugin d'animer l'élément lorsqu'il est basculé.	faux

Événements

Le plugin toggler attaché à n'importe quel élément peut déclencher l'événement suivant.

N ° Sr.	Nom et description
1	on.zf.toggler Il déclenche un événement lorsque l'élément cible est constitué d'une classe après basculement.
2	off.zf.toggler Il déclenche un événement lorsque l'élément cible n'a pas de classe après basculement.

Les fonctions

Voici les fonctions utilisées dans toggler.

.basculer

Selon l'état activé ou désactivé, l'événement est déclenché à partir du déclencheur d'origine. Il fait basculer la classe cible sur l'élément cible.

.détruire

L'instance de toggler est détruite.