Obtenir la hauteur de la dynamique a changé hauteur de la div
Comment puis-je déterminer (à l'aide de jQuery?) la hauteur d'une div? Sa hauteur n'est pas définie dans le CSS - donc, c'est fluide et basé sur le contenu.
J'ai essayé $('#div').hauteur () qui retourne 0.
Idées?
EDIT: (le code)
$(document).ready(function () {
PositionBottomPicture();
});
function PositionBottomPicture() {
var parentOffset = $('#left_pane').offset();
var parentsHeight = $('#left_pane').height();
var childsTopPostion = (parentOffset.top + parentsHeight);
$('#bottom_pic').offset({ top: childsTopPostion, left: parentOffset.left });
}
CSS:
#left_pane
{
float: left;
margin-left: 27px;
position: relative;
}
où "left_pane" et "bottom_pic" sont divs.
Merci!
Cela devrait fonctionner. Publier vos HTML, CSS, et javascript. Êtes-vous d'exécuter le code dans un
il devrait vraiment donner la hauteur de la div , où en êtes-vous à l'aide de ce code?? est la div généré dynamiquement et le code d'appel est ailleurs
je suis confiant à 100% qu'il va vous arriver la hauteur , je l'ai utilisé de nombreuses fois dans mon code , postez votre code javascript, nous pouvons résoudre le problème
le problème peut-être qu'il exécute le code avant que le dom est prêt ??
Il est toujours intéressant d'essayer le même code s'exécute dans l' $(window).load(function(){ /* ... /}); au lieu de $(document).ready(function(){ /...*/}); juste pour voir si il est à faire avec les ressources n'étant pas entièrement chargé et en place.
$(document).ready()
?il devrait vraiment donner la hauteur de la div , où en êtes-vous à l'aide de ce code?? est la div généré dynamiquement et le code d'appel est ailleurs
je suis confiant à 100% qu'il va vous arriver la hauteur , je l'ai utilisé de nombreuses fois dans mon code , postez votre code javascript, nous pouvons résoudre le problème
le problème peut-être qu'il exécute le code avant que le dom est prêt ??
Il est toujours intéressant d'essayer le même code s'exécute dans l' $(window).load(function(){ /* ... /}); au lieu de $(document).ready(function(){ /...*/}); juste pour voir si il est à faire avec les ressources n'étant pas entièrement chargé et en place.
OriginalL'auteur Roman | 2010-12-06
Vous devez vous connecter pour publier un commentaire.
Le problème est que vous n'êtes probablement pas d'attente pour les div à charger dans les DOM.
Essayer quelque chose le long des lignes de:
À l'aide du Document Prêt de l'outil fourni par jQuery attendrai jusqu'à ce que l'élément a été traitée.
il est à la recherche d'un div en hauteur , pas droit à l'image??
oui mise à jour, toutes Mes excuses, j'ai lu la question trop vite.
Si le
div
contenait une image (et rien d'autre), alors vous pourriez avoir un faux de lecture sur la hauteur de la div, avant de l'image chargée entièrement, y compris un0
hauteur ou de toute autre hauteur entre 0 et la hauteur de l'image (le div de la hauteur dans ce scénario dépend de la hauteur de l'image).ce code marche si
$('img')
ont été$('div')
... tout est une question de droite du sélecteurOriginalL'auteur RobertPitt
Cochez cette jsfiddle exemple , il retuns la largeur et la hauteur
http://jsfiddle.net/b2DNP/
OriginalL'auteur kobe
Si 'left_pane' contient uniquement les éléments en position absolue, c'est la hauteur doit être égale à zéro.
OriginalL'auteur davidbuttar