IE6 se bloque avec ce jQuery

Question

Le code suivant se bloque IE6 à chaque fois. Il garde rafraîchir la page et se bloque après une minute:

$(window).bind("load resize", function() { 
    var hnf = $('#header').height() + $('#footer').height(); 
    $('#main').height($(window).height() - (hnf)); 
    $('.fluid').height($('#main').outerHeight()); 
    $('#content').width($('#main').width() - $("#aside").width() - 90); 
}); 

..whats cause?

EDIT: D'accord le « resize » dans $(window).bind("load resize", function() { est à l'origine, comment puis-je résoudre ce problème?

Un grand merci pour votre aide!

Answer 1

Le correctif Drew Wills links to semble que cela devrait fonctionner. Essayez:

var prevHeight; 
$(window).bind("load resize", function() { 
    var height = $(window).height(); 
    if (prevHeight == height) 
    return; // hack to prevent recursion in IE6 
    prevHeight = height; 

    // resize content 
    var hnf = $('#header').height() + $('#footer').height(); 
    $('#main').height(height - (hnf)); 
    $('.fluid').height($('#main').outerHeight()); 
    $('#content').width($('#main').width() - $("#aside").width() - 90); 
}); 

Ne hésitez pas à Gracieuse un peu (joindre prevHeight à autre chose, etc.).

Answer 2

Il semble que IE6 se déclenche de manière incorrecte l'événement onResize même lorsque les dimensions du corps du document changent. Voici un link with more information.

je chercherais une façon non-jQuery pour faire ce que vous voulez. Si vous utilisez CSS pour contrôler les éléments de taille fixe de votre page, le navigateur ne s'occupera-t-il pas des éléments de taille variable?

Answer 3

Je pense qu'il pourrait avoir à faire avec le fait que vous essayez de régler la hauteur et la largeur sans CSS. Je ne suis pas sûr mais si j'allais le faire j'emploierais la méthode .css() de JQUERY pour définir la taille et la largeur. donc cela ressemblerait à ceci,

$(window).bind("load resize", function() { 
    var hnf = $('#header').height() + $('#footer').height(); 
    $('#main').css("height", ($(window).height() - hnf)); 
    $('.fluid').css("height", ($('#main').outerHeight())); 
    $('#content').css("width", ($('#main').width() - $("#aside").width() - 90)); 
}); 

Cela pourrait ne pas fonctionner Je ne l'ai pas testé.