Firefox 和 Chrome 中的 jQuery BlockUI答案

【问题标题】：jQuery BlockUI in Firefox & ChromeFirefox 和 Chrome 中的 jQuery BlockUI
【发布时间】：2012-11-19 09:34:59
【问题描述】：

jQuery BlockUI 在 IE 上运行得很好，所以这对我来说绝对是个问题：D

好吧，我想要一个等待默认消息的 gif：

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

这种类型在 IE 中工作并在 FF 中中断（显示无法加载的图像），Chrome 不显示任何内容。 :(

有人想强制展示这个漂亮的 gif 吗？

【问题讨论】：

现在 firefox 可以了：$('div.blockOverlay').addClass('customMessage'); 但是 chrome 显示的是空白图像...

标签： jquery firefox google-chrome jquery-blockui

【解决方案1】：

我使用此代码，并且适用于 chrome 和 firefox：

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

如果你想解锁它，只需使用：

$.unblockUI();

【讨论】：

是的，谢谢，我也是这样使用消息的，但对我没有帮助...我看了 chrome 的网络开发工具，它说图像在那里但看不到...然后我像上面一样添加了那个类，在firefox中它可以工作......（有趣的是，如果我不添加类，它会在firefox中显示一个损坏的图像，我添加带有gif背景的类，firefox也显示背景和图像。 .. chrome 没有...）
我认为你应该放一张 png 图像。 png 图像在我的 chrome 上工作正常

【解决方案2】：

试试这个：方法一：

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

方法二：愿此链接对您有所帮助， click here

【讨论】：