jquery - 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>' 
}));

score 5 · Accepted Answer

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

将其包装在一个匿名函数中：

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

jsfiddle上的工作示例

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

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

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

3 回答 3