Maison > interface Web > tutoriel CSS > Comment déterminer efficacement la hauteur des éléments cachés dans jQuery 1.4.2 ?

Comment déterminer efficacement la hauteur des éléments cachés dans jQuery 1.4.2 ?

Linda Hamilton
Libérer: 2024-12-16 21:05:12
original
405 Les gens l'ont consulté

How to Efficiently Determine the Height of Hidden Elements in jQuery 1.4.2?

Détermination de la hauteur des éléments cachés avec jQuery

Lorsque vous rencontrez des éléments cachés dans un élément parent caché, récupérer leur hauteur implique conventionnellement de révéler le parent, obtenir la hauteur de l'élément, puis masquer à nouveau le parent. Ce processus peut paraître inefficace.

Solution potentielle pour les utilisateurs de jQuery 1.4.2

Pour les utilisateurs de jQuery 1.4.2, l'approche suivante offre une alternative à la méthode traditionnelle :

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 : "");
Copier après la connexion

En modifiant temporairement les attributs de style de l'élément, nous le rendons visible mais non affichable. Cela permet de retrouver la hauteur de l'élément tout en conservant l'illusion de dissimulation. Une fois la hauteur capturée, nous rétablissons le style CSS à son état d'origine.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal