2

特定の DIV に blockUI プラグインを使用するには? ページ全体ではなく？ $("div.test").blockUI();テストはクラスで、div は DIV タグです。

4

2 に答える 2

4

jQuery BlockUI Pluginを使用した要素のブロック/ブロック解除の例をいくつか示します (これを使用していると思います)。

$('#blockButton').click(function() { 
    $('div.test').block({ message: null }); 
}); 

$('#blockButton2').click(function() { 
    $('div.test').block({ 
        message: '<h1>Processing</h1>', 
        css: { border: '3px solid #a00' } 
    }); 
}); 

$('#unblockButton').click(function() { 
    $('div.test').unblock(); 
});

出典：エレメントブロッキング

あなたの例では：

$("div.test").block({ message: 'Navi: Hey! Listen!' });

編集

これはあなたがやろうとしていることですか？

デフォルト設定を使用し、すべての ajax リクエストに対して UI をブロックする場合は、次のように簡単です。

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
于 2012-09-27T05:39:39.603 に答える
1 
$.blockUI({ message: $('div#info') }); 
setTimeout($.unblockUI, 2000);

上記のコードを試してください。div#info には、ユーザーに表示するデータが含まれています。2 秒間表示され、フェードアウトします。

これがあなたを助けることを願っています。ご不明な点がございましたら、お気軽にお問い合わせください。ありがとう

于 2012-09-27T06:00:47.423 に答える