2012-11-19 1 views
1

jQuery BlockUI fonctionne sur IE très bien, donc c'est le problème absolu pour moi: DjQuery BlockUI dans Firefox et Chrome

Eh bien, je veux un gif d'attente pour le message par défaut:

var message = "<img src='/img/ajax-loader2.gif' width='32' height='32'>"; 
$.blockUI.defaults.message = message; 

Cette type fonctionne dans IE et cassé en FF (montre une image comme ne peut pas le charger), et Chrome ne montre pas quelque chose. :(

Quelqu'un at-il une idée de forcer montrant cette belle gif

+0

maintenant Firefox est OK: '$ ('div.blockOverlay') addClass ('customMessage');' mais chrome montre l'image vide .. – Eleanor

Répondre

0

J'utilise ce code et fonctionne très bien pour le chrome et firefox:

var msg = "<img src='/img/ajax-loader2.png' width='32' height='32'>"; 
$.blockUI({message: msg}); 

et si tu veux débloquer simplement utiliser:

$.unblockUI(); 
+0

Oui, merci, j'ai utilisé le message de cette façon aussi, mais je ne peux rien faire pour moi ... J'ai regardé l'outil de développement web de chrome, il dit que l'image est là mais ne voit pas ... , et dans Firefox ça marche ... (c'est intéressant, si je n'ajoute pas de classe, ça montre dans firefox une image cassée, j'ajoute de la classe avec le fond gif, firefox montre le fond et l'image aussi ... le chrome ne le fait pas ...) – Eleanor

+0

je tihnk vous devriez mettre une image png. l'image png fonctionne très bien à mon chrome – Savi

0

Essayez ceci: Method1:

<script type="text/javascript"> 
    $(document).ajaxStop($.unblockUI); 
    $(document).ready(() { 
    $.blockUI({ message: '<img src="/img/ajax-loader2.gif" />'}); 
    }); 
</script> 
.

Method2: cette volonté de lien peut aide à u, click here