更改块 ui 的显示文本和字体大小答案

【问题标题】：Changing displayed text and font size of block ui更改块 ui 的显示文本和字体大小
【发布时间】：2013-01-14 00:24:37
【问题描述】：

我在我的第一个项目中使用了 blockUI。下面的脚本显示了我是如何使用它的：

$(document).ready(function(){
    $('#elem').click(function(e){

            $.blockUI({ css: { 
                border: 'none', 
                padding: '15px', 
                backgroundColor: '#000', 
                '-webkit-border-radius': '10px', 
                '-moz-border-radius': '10px', 
                opacity: .5, 
                color: '#fff' 
            } }); 

            setTimeout($.unblockUI, 2000);  

    });
});

当点击事件发生时，会显示块，并带有文本“请稍候...”。我不知道这段文字来自哪里，我想将文字修改如下：

更改用于显示文本的字体大小
在“请稍候..”文本中添加纺车图像

有人可以帮忙吗？

【问题讨论】：

标签： jquery blockui

【解决方案1】：

试试这个方法：

    $.blockUI(
    {
        css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff',
            fontSize:'16px'
        },
        message: 'Your custom message'
    });

【讨论】：

【解决方案2】：

为此使用message 选项。

在此处记录http://jquery.malsup.com/block/#options

例如，

$.blockUI({message:'<img src="your-image-path-here" alt="Please Wait" />',...});

【讨论】：