3

最初のプロジェクトで 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);  

    });
});

クリック イベントが発生すると、ブロックが表示され、「お待ちください...」というテキストが表示されます。このテキストがどこから来たのかわかりません。次のようにテキストを変更したいと思います。

  • テキストの表示に使用するフォントのサイズを変更する
  • 「お待ちください..」テキストに糸車の画像を追加する

誰かがこれを手伝ってくれますか？

4

2 に答える 2

3

messageこれにはオプションを使用します。

ドキュメントはこちらhttp://jquery.malsup.com/block/#options

例えば、

$.blockUI({message:'<img src="your-image-path-here" alt="Please Wait" />',...});
于 2013-01-30T08:44:34.223 に答える
3

このようにしてみてください：

    $.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'
    });
于 2017-03-29T06:45:19.850 に答える