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);  

    });
});

当点击事件发生时，将显示该块，文本为“Please wait ...”。我不知道这个文本的来源，我想修改文本如下：

更改用于显示文字的字体大小
将“旋转轮”的图像添加到“请稍候......”文字

有人可以帮忙吗？

Answer 1

使用message选项。

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

对于egs，

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

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

2 个答案: