Jquery BlockUI微调器未加载

我有一个页面，当用户点击一个按钮时，我使用“blockUI”（blockUI）来显示一条模式消息，上面用微调器显示“发送”

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

$（'#btnSend'）。单击（函数（）{
$.blockUI（{message:'Sending email…}）；
});

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

---

当我“查看源代码”并将页面上的URL复制到新浏览器中时，它工作正常。我是否需要预先加载图像

更新

将

添加到身体标签中。还可以将其添加到css文件中

#loader{
    display: none;
}

您应该将blockUI代码更改为

$.blockUI（{message:$（'#loader'）}）

确保标记位于$.blockUI脚本上方

PS:我希望您没有使用像

http://www.accu....../busy.gif

并且您正在使用类似于

/images/busy.gif的东西

----------------------------------------------------------------------------------------------------------------

我从你网站上的控制台添加了这段代码

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

$（'body'）。追加（“”）；

在那之后，gif工作得很好。因此，在下载图像之前提交表单。将gif保存在dom中，而不是动态下载

希望有帮助。
对我来说很好，谢谢，这对我也很好——但在我的页面上，它就是无法加载。看见我不明白为什么它不起作用。我有和你一样的，但是图标无法加载。我不知道如何将gif添加到dom中。你能帮忙吗？谢谢！我现在就去试试。不，不使用绝对路径。那就是我，我只是想确定我的道路需要解决这个问题。：-）