jQuery BlockUI插件

Question

我需要在我的MVC應用程序中爲Ajax事件添加一個疊加層，並找到了jQuery BlockUI插件。我有jQuery中沒有經驗

我能得到它的正常工作使用默認設置，$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);

我的問題是，當我嘗試修改設置在網站上類似於下面的示例的東西，如自定義消息或背景，它不起作用。有人可以建議正確的方式將以下內容應用於所有Ajax請求嗎？

$(document).ready(function() { 
    $('#demo2').click(function() { 
     $.blockUI({ css: { 
      border: 'none', 
      padding: '15px', 
      backgroundColor: '#000', 
      '-webkit-border-radius': '10px', 
      '-moz-border-radius': '10px', 
      opacity: .5, 
      color: '#fff' 
     } 
    }); 
}); 

Answer 1

你不關閉

$ .blockUI

$(document).ready(function() { 
    $('#demo2').click(function() { 
     $.blockUI({ css: { 
      border: 'none', 
      padding: '15px', 
      backgroundColor: '#000', 
      '-webkit-border-radius': '10px', 
      '-moz-border-radius': '10px', 
      opacity: .5, 
      color: '#fff' 
     } 
     }); 
    }); 
}); 

看到這個fiddle。