如何在页面完成加载或“内容”完成加载时相对unblockUI

Question

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

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

我从Malsup得到了这段代码。它适用于除IE以外的任何浏览器。脚本在消失之前仅生成一个全屏“Please Wait”，间隔2秒。

“我要的是，只除去‘请等待’屏幕每当内容或页面finshed加载。有没有可能。谢谢你帮助我！我会欣赏每一个答案。

Answer 1

使用可选的回调的jQuery.load()

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