创建300个blockui实例

时间:2010-11-19 11:06:02

标签: php jquery-blockui

我目前正在尝试创建300个blockui实例

目前只能通过复制和粘贴来完成:

例如:

 <script type="text/javascript"> 
    $(document).ready(function() { 

        $('#t1').click(function() { 
            $.blockUI({ message: $('#q1'), css: { width: '1024px' } }); 
        }); 

        $('#yes1').click(function() { 
            // update the block message 
            $.blockUI({ message: "<h1>Remote call in progress...</h1>" }); 

            $.ajax({ 
                url: 'wait.php', 
                cache: false, 
                complete: function() { 
                    // unblock when remote call returns 
                    $.unblockUI(); 
                } 
            }); 
        }); 

        $('#no1').click(function() { 
            $.unblockUI(); 
            return false; 
        }); 

    }); 
</script> 

<script type="text/javascript"> 
    $(document).ready(function() { 

        $('#t2').click(function() { 
            $.blockUI({ message: $('#q2'), css: { width: '1024px' } }); 
        }); 

        $('#yes2').click(function() { 
            // update the block message 
            $.blockUI({ message: "<h1>Remote call in progress...</h1>" }); 

            $.ajax({ 
                url: 'wait.php', 
                cache: false, 
                complete: function() { 
                    // unblock when remote call returns 
                    $.unblockUI(); 
                } 
            }); 
        }); 

        $('#no2').click(function() { 
            $.unblockUI(); 
            return false; 
        }); 

    }); 

</script> 

有人能建议更快的方式吗?

1 个答案:

答案 0 :(得分:3)