Javascript 如何在显示pdf文件之前加载加载程序图像？

我有

JavaScript

<script type="text/javascript">
$(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' 
        } }); 

        setTimeout($.unblockUI, 10000); 
    }); 
});
</script>

$（文档）.ready（函数（）{
$（'#demo2'）。单击（函数（）{
$.blockUI（{css:{
边界：“无”，
填充：“15px”，
背景颜色：“#000”，
“-webkit边界半径”：“10px”，
“-moz边界半径”：“10px”，
不透明度：.5，
颜色：'#fff'
} }); 
setTimeout（$.unbui，10000）；
}); 
});

如何做到这一点

我非常喜欢谷歌，但我不知道怎么做

---

请任何人帮我解决这个问题。提前感谢。

朋友，您错过了将jQuery魔术封装在$（document.ready（function（）{}）中的机会； 您可以在jQuery代码中尝试以下操作：

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

    setTimeout(function() { 
        $.unblockUI({ 
            onUnblock: function(){ alert('hi'); // Show your pdf file here
            } 
        }); 
    }, 2000); 
});
});

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

    setTimeout(function() { 
        $.unblockUI({ 
            onUnblock: function(){ alert('hi'); // Show your pdf file here
            } 
        }); 
    }, 2000); 
});
});