在内框架中加载内容时显示加载指示器

Question

在内框加载内容时显示加载指示器的代码 1)当在 iframe 内的表单中进行回发/提交时

Answer 1

您可以按如下方式绑定到ajaxStart 和ajaxStop global (ajax) events：

$("#loading").bind("ajaxStart", function(){
    $(this).fadeIn("slow");
}).bind("ajaxStop", function(){
    $(this).fadeOut("slow");
});

假设 loading 是加载指示器 div/span 的 ID。

如果您想要更漂亮的解决方案，请查看很棒的 blockUI 插件。上面使用blockUI的等价物：

$().ajaxStart($.blockUI)
   .ajaxStop($.unblockUI);