JQuery BlockUI保持活力

时间:2016-03-24 18:40:15

标签: jquery blockui

我有一个向服务器提交请求的网页。我使用blockUI阻止页面,直到服务器完成它的任务。当该任务耗时太长时,网页将显示"此页面无法显示"如何在服务器完成之前保持页面处于活动状态?

我将以下代码附加到页面上的按钮,该按钮将请求提交给服务器:

    <script type="text/javascript">
        $ = jQuery;
        $(document).ready(function() {              
            $('a.button').click(function() {                    
                $.blockUI({ 
                    message: '<h2>Please wait while the repository is being updated...</h2>',
                    css: 
                    {   
                        border: 'none',            
                        padding: '15px',             
                        backgroundColor: '#000',             
                        '-webkit-border-radius': '10px',             
                        '-moz-border-radius': '10px',             
                        opacity: .6,            
                        color: '#fff'         
                    } 
                });                      
            }); 
        }); 
    </script>

0 个答案:

没有答案