2016-05-18 26 views
0

呼び出されたとき、私はページの読み込み(最初)にjQuery BlockUI Pluginを使用しています動作していない:jQueryのBlockUI二回

<script> 
    $.blockUI({ message: null }); 
</script> 

、すべてのロード、ページ全体がブロック解除:

$(window).load(function() { 
    $.unblockUI(); 
}); 

それは正常に動作しますが、その後、私は、このように再びUIをブロックすることはできません。

$("#buttonFoo").click(function(){ 
    $.blockUI(); //nothing happens 
    doStuff(); //I want screen blocked while doing stuff 
    $.unblockUI(); 
}); 

doStuff()と呼ばれるが、画面がブロックされていません。私は他の何かをすべきか?

終了する()doStuffを待ちませんでした [EDIT]

@GuruprasadRaoが言ったようにそれは働いたが、$ .unblockUI()。私はこのように解決:

$("#buttonFoo").click(function(){ 
     $.blockUI({ 
     onBlock: function() { 
      doStuff(); 
      $.unblockUI(); 
     } 
    }); 
}); 
+0

'コンソールエラー'? –

+0

@GuruprasadRaoいいえ、コンソールは何も投げていません。 – detoro84

+1

それは動作しますが、 '$ .unblockUI();'はあなたのajaxリクエスト 'doStuff()'を待たないかもしれないので、あなたはそれを見ることができないと思われます。 –

答えて

0

それは働いたが@GuruprasadRaoが言ったように、$.unblockUI()はフィニッシュにdoStuff()を待ちませんでした。私はこのように解決した:

$("#buttonFoo").click(function(){ 
     $.blockUI({ 
     onBlock: function() { 
      doStuff(); 
      $.unblockUI(); 
     } 
    }); 
});