包含页面和对象,以及模拟对话框

<script type="text/javascript">// <![CDATA[

    // unblock when ajax activity stops 
    $(document).ajaxStop($.unblockUI); 

    function test() { 
        $.ajax({ url: 'wait.php', cache: false }); 
    } 

    $(document).ready(function() { 
        $('#pageDemo1').click(function() { 
            $.blockUI(); 
            test(); 
        }); 
        $('#pageDemo2').click(function() { 
            $.blockUI({ message: '

<h1><img src="busy.gif" /> Just a moment...</h1>

' }); 
            test(); 
        }); 
        $('#pageDemo3').click(function() { 
            $.blockUI({ css: { backgroundColor: '#f00', color: '#fff' } }); 
            test(); 
        }); 

        $('#pageDemo4').click(function() { 
            $.blockUI({ message: $('#domMessage') }); 
            test(); 
        }); 
    }); 

// ]]></script>

...</pre>
<div id="domMessage" style="display: none;">
<h1>We are processing your request. Please be patient.</h1>
</div>
<pre>

http://malsup.com/jquery/block/

  • Tags:

目前有2 条留言

  1. 2012年03月05日 上午 3:55 分享元素   |  引用  |  #1     

    感谢分享,收下了!

  2. 2012年04月08日 下午 2:52 麻烦   |  引用  |  #2     

    不好,弹出框我希望用自己的,message 参数很不方便,,,而且弹出后,鼠标为啥一直转,,,

发表评论/留言

为了您的身体健康、潇洒、美丽、帅气,请不要灌水。

/ 快捷键:Ctrl+Enter