2010-12-06 31 views
3

Wie kann ich (mit jQuery?) Die Höhe eines div bestimmen? Seine Höhe ist nicht in CSS definiert - so ist es flüssig und basiert auf den Inhalten.Höhe der dynamisch geänderten Höhe erhalten div

Ich habe versucht, $ ('# div') Höhe (.) - die 0.

Ideen zurückkehrt?

EDIT: (der 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; 
} 

wobei 'left_pane' und 'bottom_pic' divs sind.

Danke!

+0

Das sollte funktionieren. Veröffentlichen Sie Ihre HTML, CSS und Javascript. Führen Sie den Code in einem '$ (document) .ready()' aus? – matthewpavkov

+0

@roman, sollte es definitiv giv die Höhe des div, wo verwenden Sie diesen Code ?? ist das dynamisch generierte div und der aufrufcode ist woanders – kobe

+0

@roman ich bin zu 100% zuversichtlich, dass es dir die höhe bringt, ich habe es so oft in meinem code benutzt, posten deinen JavaScript code, wir können das problem beheben – kobe

Antwort

4

Das Problem ist, dass Sie wahrscheinlich nicht darauf warten, dass das div in das DOM geladen wird.

versuchen, etwas entlang der Linien von:

$(document).ready(function(){ 
     var h = $("#div").height(); 
     var w = $("#div").width(); 
;}) 

das Dokument fertig Werkzeug von jQuery bereitgestellt verwendet, wird warten, bis das Element verarbeitet wurde.

+0

@RobertPitt Welches Bild wird nicht geladen? Dies kann auch ein Problem sein, aber es wurde kein Bild erwähnt. – matthewpavkov

+0

@robert, sucht er nach einer div Höhe, nicht Bild rechts? – kobe

+0

ja aktualisiert, Entschuldigung Ich habe die Frage zu schnell gelesen. – RobertPitt

0

prüfen dieses jsfiddle Beispiel Retuns es Breite und Höhe

http://jsfiddle.net/b2DNP/

+0

scheint wie mein Code sollte funktionieren - aber es nicht aus irgendeinem grund, irgendwelche ideen warum? – Roman

0

Wenn ‚left_pane‘ nur absolut positionierten Elemente enthält es Höhe Null sein wird.