JQuery ajaxStart и blockUI

Question

Использование Asp.Net MVC 3 (Razor). Я пытаюсь добавить blockUI подключить, чтобы показать индикатор загрузки при вызове действия с @ Ajax.ActionLink

Это отлично работает, если я использую вызов по умолчанию

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

Но когда я пытаюсь настроить сообщение с использованием следующего, пользовательский интерфейс блокируется, как только загружается страница. Может ли кто-нибудь посоветовать правильный формат?

$(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 расслоения плотного файл и блокUI js-файл и затем выполнить код

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