Question

如何在页面加载时运行BlockUI插件（http://www.malsup.com/jquery/block/#demos）？我对其进行了修改，以便当您单击 body标记时，它会运行插件，但我希望在页面加载时发生这种情况...

<script type="text/javascript" language="javascript">
$(document).ready(function() { 
    $('body').click(function() {
        $.blockUI({ css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff' 
        } }); 

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

Answer 1

只需将其从点击方法中删除。

$(document).ready(function() {
    blockUI({ parameters });
    setTimeout...
    $('body').click...
}

Answer 2

从点击事件中取出（或复制粘贴（或使用功能 - 最好的））

<script type="text/javascript" language="javascript">
$(document).ready(function() { 
    $.blockUI({ css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff' 
    } }); 
    setTimeout($.unblockUI, 2000);
    $('body').click(function() {
        $.blockUI({ css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff' 
        } });  
        setTimeout($.unblockUI, 2000);
    }); 
}); 
</script>

在页面加载时运行BlockUI？

2 个答案: