使用带有 $post 的 Jquery Dialog 时显示 Loader div答案

【问题标题】：Show a Loader div when using Jquery Dialog with $post使用带有 $post 的 Jquery Dialog 时显示 Loader div
【发布时间】：2012-01-17 06:42:53
【问题描述】：

这是一个简单的任务，显示一个 loader.gif，但不知何故，这段代码 sn-p 只在 firefox 中有效，在其他浏览器中失败。

我想要实现的是当用户点击发送电子邮件按钮时，他们应该看到一个加载器 gif 图像。加载器 gif 图像是 id 为 validate 的 div 的一部分。

我在这方面投入了大约 8 个小时，并尝试测试了所有替代方案，如 $ajaxsetup、$ajaxsend、$ajaxstart 等，但没有一个对我有用。

我需要一个适用于流行浏览器的简单示例

这是我的代码

$j("#dialog-form").dialog({ 自动打开：假，身高：435，宽度：400，模态：真，纽扣： { "发送电子邮件": function() { $j("#validate").show(); setTimeout(ProcessRequest(),5000); } }, 取消：函数（）{ $j(this).dialog("close"); } }, 关闭：函数（）{ allFields.val("").removeClass("ui-state-error"); } 函数处理请求（） { var jqxhr = $j.post( "posturl.aspx", { 姓名：name.val()，电子邮件：email.val()，电话：phone.val()，日期：date.val() }，功能（数据）{ 结果=数据； }).success(function() { OnSuccess(); }) .error(function() { OnError(); }); jqxhr.success(function() { OnSuccess(); }); jqxhr.error(function() { OnError(); }); }

【问题讨论】：

标签： post jquery-dialog

【解决方案1】：

我使用 loader.gif 的方式技术含量极低，而且效果非常好。

我把loader.gif作为主div的背景，位置居中。

然后任何已加载的内容，我将背景设为白色。

这样，加载器会一直显示，直到内容被附加到对话框中。

适用于所有浏览器。

【讨论】：