JQuery div.height è sbagliato in Chrome per rendere tutti i div stessa altezza

Question

Ho usato il seguente codice per avere uguale altezza per rightpos, leftpos e middlepos div:

<script> 

    jQuery.noConflict(); 
    jQuery(document).ready(function($){ 

     // Find the greatest height: 
     maxHeight = Math.max($('#rightpos').height(), $('#middlepos').height()); 
     maxHeight = Math.max(maxHeight, $('#leftpos').height()); 

     // Set height: 
     $('#rightpos').height(maxHeight); 
     $('#middlepos').height(maxHeight); 
     $('#leftpos').height(maxHeight); 

    }) 
</script> 

Determinazione del div più alto utilizzo di questo modo per la pagina principale di http://yaskawa.ir/ funziona bene in Firefox, ma ha problemi in Chrome.

---

UPDATE 1 dopo la risposta Sparky672 s':

posso vedere che con questo codice, il alert('test here'); alla fine non funziona.

<script> 
    jQuery.noConflict(); 
    //jQuery(document).ready(function($){}); 

    jQuery(window).load(function($){ 

     // Find the greatest height: 
     maxHeight = Math.max($('#rightpos').height(), $('#middlepos').height()); 
     maxHeight = Math.max(maxHeight, $('#leftpos').height()); 

     // Set height: 
     $('#rightpos').height(maxHeight); 
     $('#middlepos').height(maxHeight); 
     $('#leftpos').height(maxHeight); 

     alert('test here'); 
    }) 
</script> 

Answer 1

Prova window.load() al posto di document.ready() per assicurati che tutte le risorse vengano caricate prima che vengano calcolate le tue altezze.

jQuery(window).load(function($){ 

Documentation:

L'evento carico viene inviato ad un elemento quando e tutti sottoelementi sono stato completamente caricato. Questo evento può essere inviato a qualsiasi elemento associato a un URL: immagini, script, frame, iframe e l'oggetto della finestra .

http://api.jquery.com/load-event/

See DEMO:

http://jsfiddle.net/snBLP/3/

Answer 2

$ (document) .ready() non è adatto per il calcolo altezze. $ (Document) .ready() non aspettare che le immagini da caricare, ecc

Io suggerirei di provare

$(window).ready() 

invece ...