如何在页面完成加载或“内容”完成加载时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秒，然后消失。

“我想要的只是在内容或页面加载时才会删除”请等待“屏幕。是否可以。感谢帮助我！我会感激每一个答案。

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();
        });
    }); 
});