2010-05-29 7 views
2

Voici un autre problème cliché, mais je ne pouvais pas trouver un match exact à cela.
Je n'ai posté aucune source ici, car vous pouvez voir librement tout ce qu'il ya sur le lien. :-)IE Suspendu sur le code jQuery

Déclaration: J'ai un web page à http://agrimgupta.com/antaragni/

Avertissement: Excusez-moi pour le codage pathétique sur cette page. ;-) Cela a été fait sur un très court intervalle. Des améliorations seront apportées à un stade ultérieur.

Observation: Cette page fonctionne normalement sur mon localhost sur tous les navigateurs.

Problème: IE 8 est rampant (presque suspendu) lors du chargement de cette page depuis le site Web. Bien que cela fonctionne bien sur localhost. Lorsque sur le site Web, il ne parvient pas à rendre les effets mouseover, les faisant dans presque ce qui semble être une minute.

Question: Comment résoudre ce problème d'IE? Il est nécessaire de résoudre cela.

Merci à l'avance

+0

Au lieu de ' if ($ .browser.msie) ', qui par exemple est incorrect pour IE9, vous devez utiliser' if (! $. support.opacity) ':) –

+0

@Nick Il est toujours suspendu sur ma machine. :(Ce qui me dérange encore plus, c'est que ça marche bien sur IE quand on localhost .. Ah. IE – OrangeRind

+0

@Orange - Oh ça ne va pas résoudre le problème de l'accrochage, c'est juste la meilleure pratique et l'avenir ... cette déclaration de png fix et voir ce qui se passe ... –

Répondre

2

à mon humble avis

d'abord utiliser les CSS si possible comme ici

$('#downloadsglow').hide(); 
    $('#blogglow').hide(); 
    $('#eventsglow').hide(); 
    $('#galleryglow').hide(); 

à

#downloadsglow, #blogglow , #eventsglow , #galleryglow { display:none } 

ou au moins faire ce $('#downloadsglow,#blogglow,#eventsglow,#galleryglow').hide();

alors assurez-vous que tous les images a re chargé avant de commencer à observer le mouseover!

quelque chose comme

$(window).load(
    function() { 
     // weave your magic here. 
    } 
); 

puis utilisez le Saint Graal de .png fixer

comme celui-ci

<!--[if IE 6]> 
<script src="DD_belatedPNG.js"></script> 
<script> 
    DD_belatedPNG.fix('.pngimg'); 
</script> 
<![endif]--> 

Last but not least, depuis votre site faire usage d'un grand nombre d'images PNG je vous recommande de le compresser, jetez un oeil à

+0

Je n'ai pas obtenu la partie de votre réponse où "if ($ ('# background img') ....". Veuillez expliquer un peu plus là-bas :) :) – OrangeRind

+0

oh, bien sûr. vais essayer ça :) :). Mais maintenant j'ai besoin de dormir. Il est 6 heures du matin, et IE m'a donné ma première soirée "Web". : | – OrangeRind