JQuery .show() et modification CSS équivalente ne fonctionnant pas avec IE 8

Question

Il y a plusieurs publications sur ce sujet, mais aucune ne donne de solution.

Ce qui se passe réellement est la suivante:

function LoadSpinner() 
{ 
$("#divSpinner").css('display','block'); // could have done with .show() 
} 
function UnloadSpinner() 
{ 
$("#divSpinner").css('display','none'); // could have done with .hide() 
} 

function OnClickMyButton() 
{ 
LoadSpinner(); 
AnAjaxCall(); // it's set to async: false, that means the ajax call must finish before execution continues 
UnloadSpinner(); 
} 

J'ai essayé de commenter le UnloadSpinner() et il montre dans IE 8. Se pourrait-il que cela arrive si vite que je ne le vois pas. Mais je ne suis pas trop sûr de cela, car même pour une opération plus lente, il n'apparaît pas.

Cela fonctionne bien sur Firefox cependant.

Answer 1

Le problème que vous effectuez est-il un appel ajax synchrone? Je crois que cela gèle le navigateur d'exécuter d'autres actions, y compris repeindre l'écran pour montrer votre fileur. Essayez de rendre votre appel ajax asynchrone et masquer le spinner dans le rappel. Je parie que ça fonctionne. Quelque chose comme ceci:

function OnClickMyButton() 
{ 
LoadSpinner(); 
AnAjaxCall(function() { UnloadSpinner() }); 
} 

function AnAjaxCall(callback) 
{ 
    //do ajax. On complete, call callback. check the web for examples. 
} 

Je vous parie que la question n'a rien à voir avec jquery, mais avec l'appel synchrone ajax.

Pour tester ma théorie essayer ce code:

function OnClickMyButton() 
{ 
LoadSpinner(); 
setTimeout(function() { UnloadSpinner() }, 2000); 
} 

Je parie que vous la fileuse apparaît pendant 2 secondes très bien. Si ce n'est pas, puis ignorer ce post .. Je me trompe complètement.

Answer 2

$(function() { 
    $("#d").hide(); 
    $('#b').click(function() { 
    $('#d').show(); 
    }); 
}); 

<div id="d">hello</div> 
<input type="button" id="b" /> 

Fonctionne bien pour moi dans IE.

Answer 3

Avez-vous un exemple précis? Je ne me souviens pas avoir rencontré ce problème malgré que j'utilise show() assez souvent.

Answer 4

J'ai fait un peu de débogage et j'ai constaté que le navigateur ne faisait pas les mises à jour nécessaires à temps. C'est pourquoi au moment où il était supposé être visible, le Unloader() a été appelé et il a été à nouveau caché.