jquery - JqueryajaxStartおよびblockUI

Question

Asp.Net MVC 3（Razor）を使用します。@ Ajax.ActionLinkでアクションを呼び出すときに、ロードインジケーターを表示するためにblockUIプラグインを追加しようとしています

デフォルトの呼び出しを使用すると正常に動作します

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

しかし、以下を使用してメッセージをカスタマイズしようとすると、ページが読み込まれるとすぐにUIがブロックされます。誰かが正しいフォーマットをアドバイスできますか？

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

score 5 · Accepted Answer

2番目のコードでは、実際に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

jqueryjsファイルとblockUIjsファイルをインクルードし、コードを実行します

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

3 に答える 3