JQuery div.height se trompe dans Chrome pour faire tous les divs même hauteur
J'ai utilisé le code suivant pour l'égalité de la hauteur pour rightpos
leftpos
et middlepos
divs:
<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>
La détermination de la plus haute div utilisant ce moyen pour la page principale de http://yaskawa.ir/ fonctionne bien sous Firefox, mais a des problèmes dans Chrome.
Mise à JOUR de 1 après Sparky672's réponse:
Je peux voir qu'avec ce code,le alert('test here');
à la fin ne fonctionne pas.
<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>
source d'informationauteur Mohammad Naji | 2012-12-12
Vous devez vous connecter pour publier un commentaire.
Essayer
window.load()
en place dedocument.ready()
pour s'assurer que tous les actifs sont chargés avant votre hauteurs sont calculées.Documentation:
http://api.jquery.com/load-event/
Voir DÉMO:
http://jsfiddle.net/snBLP/3/
$(document).prêt() n'est pas adéquate pour le calcul des hauteurs. $(document).prêt() n'attend pas les images à charger, etc.
Je vous suggère d'essayer
à la place...