Question

我有一个页面，当用户点击按钮时，我会使用＆＃39; blockUI＆＃39; （http://malsup.com/jquery/block/）显示模式消息，说明发送＆＃39;用旋转器。

$('#btnSend').click(function () {
    $.blockUI({ message: '<h4><img src="http://www.example.com/images/busy.gif" /> Sending email...</h4>' });
});

当我将该URL复制到浏览器中时，我看到旋转的图像。但是，在网站上，它会显示无效的图片占位符，就好像图片文件不在那里，或者它是无效的网址。

当我查看来源＆＃39;并将页面上的URL复制到一个新的浏览器，它工作正常。我是否必须预先加载图像？

Answer 1

<强>更新

在您的正文标记中添加<img src="http://www.accufinance.com/images/busy.gif" id="loader"/>。也可以在css文件中添加它。

#loader{
    display: none;
}

您应该将blockUI代码更改为

$ .blockUI（{message：$（＆＃39;＃loader＆＃39;）}）;

确保您的代码位于$ .blockUI脚本之上。

PS：我希望你没有使用像http://www.accu....../busy.gif这样的绝对路径，而你使用/images/busy.gif

之类的东西

<强> -------------------------------------------- -------------------------------------------------- -----------------------------------

我在您网站的控制台上添加了这段代码

$('body').append('<img src="http://www.accufinance.com/images/busy.gif"/>');

之后，gif完美无缺。因此，在下载图像之前提交表单。在dom中使用gif而不是动态下载它。

希望它有所帮助。