Comment obtenir la hauteur d'un élément caché dans jQuery ?

Obtenir la hauteur des éléments cachés dans jQuery

Lorsque vous travaillez avec des éléments cachés, il peut être difficile d'obtenir leurs dimensions. De nombreux développeurs ont recours à la révélation temporaire de l'élément, à la mesure de sa hauteur, puis à son masquage à nouveau. Cependant, il existe une approche plus efficace.

jQuery fournit une solution pratique pour cette tâche. Voici comment obtenir la hauteur d'un élément caché dans un div parent masqué :

<code class="javascript">var previousCss = $("#myDiv").attr("style");

$("#myDiv").css({
    position:   'absolute', // Optional if #myDiv is already absolute
    visibility: 'hidden',
    display:    'block'
});

optionHeight = $("#myDiv").height();

$("#myDiv").attr("style", previousCss ? previousCss : "");</code>

Cette approche consiste à définir la position de l'élément sur "absolue" (facultatif s'il est déjà absolu), à le rendre invisible, et l'affichant temporairement. Vous pouvez alors mesurer sa hauteur et restaurer ses attributs de style antérieurs. Cette méthode vous permet de travailler avec des éléments masqués sans perturber la mise en page de la page ni provoquer de scintillement inutile.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!