jquery - 更改块 ui 的显示文本和字体大小

Question

我在我的第一个项目中使用了 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);  

    });
});

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

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

有人可以帮忙吗？

Answer 1

message为此使用选项。

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

例如，

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

Answer 2

试试这种方式：

    $.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'
    });