jquery ui拦截器中的多个块？

Question

我正在使用这个插件.

但它似乎使用全局变量

$.blockUI();
$.unblockUI();

在那里我可以有这个块的不同实例.

 $(document).ajaxStart(function (e)
 {
          $.blockUI(); //setup with a loading msg.
  });

 $(document).ajaxStop(function (e)
        {       
            $.unblockUI();

        })


var ajax = // ajax setup stuff


// 1.5 way of doing it
ajax .success(function (response)
            {
               var valid = checkIfValid(response); // check if valid
               if(valid)
               {
                      $.blockUI(); // setup with a save message
               }

            });

这就是我所拥有的.我放

$.blockUI();

保持简单,没有选项,但在我的真实代码中,我有消息和其他选项设置.

所以现在的问题是,一旦成功完成,ajax停止被调用并解锁所有内容.我只希望清除ajax中启动的那个而不是有效的那个.

所以我需要不同的实例.

Answer 1

你可以做到你想要什么,通过调用做block对div你快速创建,然后简单地移除div从DOM.例如:

$(document).ajaxStart(function (e) {
    /* Create a <div> that will contain the blocking elements: */
    $("<div id='ajax-block' style='position:fixed;width:100%;height:100%' />")
        .appendTo("body").block()
});

$(document).ajaxStop(function (e) {
    /* Remove the page block specific to the ajax request: */       
    $("#ajax-block").remove();
});

并为你阻塞的其他事件执行类似的操作(只需更改id动态附加内容div和调用中的属性remove().