Question

我正在尝试使用jQuery BlockUI Plugin，但我遇到了麻烦。这是我想要完成的事情： ...点击按钮
1）启动blockUI调用：

$.blockUI({ message: '<h1 class="label"> Just a moment...</h1>' });

2）调用函数

function (someArray){
  for(x in someArray){
    //Make an ajax call based on x
  }
}

3）2完成后，启动unblockUI调用：$.unblockUI;

我注意到的是ajax调用首先触发，然后运行$ .blockUI。然后永远不会调用$ .unblockUI。为了清楚起见，我正在对服务器进行多次ajax调用，具体取决于someArray的大小。

我如何构建此代码？我只是开始学习Jscript，JQuery，ajax等等。我已经查询了回调，承诺等等。我不确定我在做什么或者研究什么......

谢谢！

function trigger() {
  startblock(callAjax);

}

function startblock(callback) {
  $.blockUI({
    message: '<h1 class="label"> Just a moment...</h1>'
  });
  callback(endblock);
}

function callAjax(callback) {
  $("#myParagraph").innerHTML('mimic a series of ajax calls')
  callback();
}

function endblock() {
  $.unblockUI;
}

<script src="http://malsup.github.io/jquery.blockUI.js/"></script>


<button type="button" class="button" id="btnCreate" onclick="trigger()">Create</button>

<p id='myParagraph'>

几次同步调用后jQuery BlockUI没有触发

0 个答案: