2012-11-19 31 views
1

jQuery的BlockUI适用于IE浏览器非常好,所以这对我来说是绝对的问题:djQuery的BlockUI在Firefox和Chrome的

好了,我要为默认的消息等待GIF:

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

这类型在IE浏览器中工作,并打破了FF(显示一个像无法加载它的图像),并且Chrome不显示任何内容。 :(

大家有一个想法,以强制显示这个漂亮的GIF

+0

现在Firefox是OK:'$( 'div.blockOverlay')addClass( 'CUSTOMMESSAGE');'但Chrome是显示空图像.. – Eleanor

回答

0

我用这个代码和铬正常工作和firefox:

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

,如果ü要解锁只需使用:

$.unblockUI(); 
+0

是的,thx,我也是这样使用信息,但是对我无能为力......我看到了chrome的web开发工具,它说图像在那里但是看不到......然后我添加了上面的类,并在Firefox中它的作品...(有趣的是,如果我不添加类,它显示在Firefox中一个破碎的图像,我添加类的GIF背景,Firefox显示背景和图像...铬不...) – Eleanor

+0

我想你应该把一个PNG图像。 PNG图像在我的Chrome中运行良好 – Savi

0

试试这个: 方法一:

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

方法2: 可能这个链接将有助于U, click here