jQuery BlockUI ne fonctionne pas lorsqu'il est appelé deux fois

Question

J'utilise jQuery BlockUI Plugin sur le chargement de la page (première chose):

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

Et quand tout charge, la page entière débloque:

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

Il fonctionne très bien , mais je ne peux pas bloquer à nouveau ui comme ceci:

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

doStuff() est appelée, mais l'écran pas bloqué. Devrais-je faire autre chose?

[EDIT]

Il a travaillé, mais comme @GuruprasadRao dit, .unblockUI $() n'a pas attendu doStuff() pour terminer. Je résolu comme ceci:

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

Answer 1

Cela a fonctionné, mais comme l'a dit @GuruprasadRao, $.unblockUI() ne pas attendu doStuff() pour terminer. J'ai résolu comme ceci:

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