Jquery ajaxStart和blockUI

Question

使用Asp.Net MVC 3（Razor）。我正在尝试添加blockUI插件，以便在使用@ Ajax.ActionLink调用操作时显示加载指示符

如果我使用默认调用

，它可以正常工作

$(document).ajaxStart($.blockUI);

但是当我尝试使用以下内容自定义消息时，一旦页面加载，UI就会被阻止。有人可以建议正确的格式吗？

$(document).ajaxStart($.blockUI({ 
     message: '<h1><img src="busy.gif" /> Just a moment...</h1>' 
}));

Answer 1

在第二段代码中，您实际上正在执行blockUI方法。

将其包装在匿名函数中：

$(document).ajaxStart(function() {
     $.blockUI({ 
         message: '<h1><img src="busy.gif" /> Just a moment...</h1>' 
     });
});

---

jsfiddle

上的工作示例

Answer 2

将blockui东西包裹在一个函数中：

$(document).ajaxStart(function (){
    $.blockUI({ 
       message: '<h1><img src="busy.gif" /> Just a moment...</h1>' 
    });
});

Answer 3

包括jquery js文件和 blockUI js文件，然后然后执行代码

$(document).ajaxStart(function (){
    $.blockUI({ 
       message: '<h1><img src="busy.gif" /> Just a moment...</h1>' 
    });
});