Égalisation des hauteurs

Questions ou commentaires?

Fonction

Égalise la hauteur d'éléments étant sur la même ligne de base.

Utiliser lorsque

Éviter lorsque

Aucun cas d'utilisation n'est connu pour lequel l'utilisation de ce plugiciel devrait être évitée.

Exemples pratiques

Exemples pratiques du plugiciel d'égalisation des hauteurs

Evaluation and report

Comment implémenter le plucigiel

  1. Ajouter la classe wb-eqht à l'élément qui contient les éléments pour lequels vous voulez égaliser les hauteurs.
  2. Ajouter la classe hght-inhrt à tout élément contenu pour lequel vous voulez égaliser les hauteurs.
  3. Add the class eqht-trgt to the equalize element. It the same as applying hght-inhrt up to the child of wb-eqht.

Paramètres de configuration

Aucun paramètre de configuration.

Événements

Événement Déclencheur Effet déclenché
wb-init.wb-eqht (v4.0.5+) Triggered manually (e.g., $( ".wb-eqht" ).trigger( "wb-init.wb-eqht" );). Used to manually initialize the Equal heights plugin. Note: The Equal heights plugin will be initialized automatically unless the required markup is added after the page has already loaded.
wb-update.wb-eqht (v4.0.5+) Triggered manually (e.g., $( ".wb-eqht" ).trigger( "wb-update.wb-eqht" );). Used to manually trigger an update to the height equalization. Note: The Equal heights plugin will be automatically update the height equalization on window, text and zoom resizes as well as DataTable draws.
wb-ready.wb-eqht (v4.0.5+) Triggered automatically after the height equalization has been initialized. Used to identify when height equalization was initialized
$( document ).on( "wb-ready.wb-eqht", ".wb-eqht", function( event ) {
});
wb-updated.wb-eqht (v4.0.5+) Triggered automatically each time the height equalization is updated. Used to identify when height equalization was updated
$( document ).on( "wb-updated.wb-eqht", function( event ) {
});
wb-ready.wb (v4.0.5+) Triggered automatically when WET has finished loading and executing. Used to identify when all WET plugins and polyfills have finished loading and executing.
$( document ).on( "wb-ready.wb", function( event ) {
});

Code source

Code source du plugiciel d'égalisation des hauteurs sur GitHub

Date de modification :