如何使用jQuery BlockUI在母版頁加載請等待的短信..

我需要實現的jquery blockUI我的應用程序..我有這個代碼..如何使用jQuery BlockUI在母版頁加載請等待的短信..

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

     setTimeout($.unblockUI, 2000); 
    });

我保持這個代碼在每點擊功能在我的意見..然後它工作正常。但我需要使這個代碼集中在主文件中，如果某些事情需要超過2000毫秒，我可以顯示做jQuery BlockUI嗎？爲我的整個應用程序。如果是這樣，請任何人可以幫助我如何將這段代碼保存在母版頁中什麼樣的代碼我需要在母版頁中實現以訪問此jQuery blockUI？

來源

2010-12-06 kumar

我這樣做是這樣的：

在母版我添加腳本參考，並自定義腳本，我有以下代碼

//Set Defaults values for blockUI 
$.blockUI.defaults.theme = true; 
$.blockUI.defaults.title = 'Please wait...'; 
$.blockUI.defaults.message = '<img src="_assets/images/blockUI_Loader.gif" />'; 
$.blockUI.defaults.css = {}; 
$.blockUI.defaults.themedCSS = {}; 
$.blockUI.defaults.themedCSS.width = 100; 
$.blockUI.defaults.themedCSS.height = 64; 
$.blockUI.defaults.overlayCSS = {}; 
$.blockUI.defaults.overlayCSS.backgroundColor = '#ffffff'; 
$.blockUI.defaults.overlayCSS.opacity = 0.6;

然後，當我不得不使用它在一個參考阿賈克斯呼籲我只是使用

$("#element").block(); 
$.ajax({ 
    type: "get", 
    dataType: "html", 
    url: "some/url", 
    data: {}, 
    success: function (response, status, xml) { 
     $("#element").unblock(); 
    }, 
    error: function (response) { 
     $("#element").unblock(); 
    } 
});

來源

2010-12-06 15:34:40 Lorenzo

度過，即使沒有重新編寫，並在訪問無處不在，你可以將代碼放在一個函數（）

例如，在把這個全局JavaScript文件：

function blockUI(){ 
// $.blockUI({ css: {... 
}

然後在你需要的任何地方，調用blockUI（）;

來源

2010-12-06 15:09:39

好我可以保持這個代碼在主頁中的功能？ – kumar 2010-12-06 15:12:40

如果我正確理解你，是的，你可以。 – 2010-12-06 15:18:19

如何使用jQuery BlockUI在母版頁加載請等待的短信..

回答

相關問題