2011-11-03 82 views
2

我正在使用jQuery BlockUI插件。我寻找一种方法来解除阻止后应该调用回调函数。jQuery BlockUI插件 - 如何设置发生取消阻止时的回调函数

这里是我的代码

$.ajax({ 
    type: "POST", 
    url: "UPSLabelFormUS.aspx/ProcessInfo", 
    data: JSON.stringify(DTO), 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function (data) { 
     if (data.d[0].Message == "SUCCESS") { 
      var _images = [data.d[0].LabelImagePath]; 
      $.each(_images, function (e) { 
       $(new Image()).load(function() { 
        ImgPath = data.d[0].LabelImagePath; 
        _TrackNumber = data.d[0].TrackNumber; 
        $('#imgHolder').html("<img src='" + data.d[0].LabelImagePath + "' width='330' height='498' border='0' />").fadeIn().show('slow'); 
        $("#Print").show(); 
        $("#Fax").show(); 
        $('div#content').unblock(); 

       }).attr('src', this); 
      }); 
     } 
     else { 
      $('div#content').unblock(); 
      alert(data.d[0].Message); 
     } 
    } 
       , 
    error: function (XMLHttpRequest, textStatus, errorThrown) { 
     $('div#content').unblock(); 
     alert(textStatus); 
    } 
}); 

在这里,我必须通知。

else { 
      $('div#content').unblock(); 
      alert(data.d[0].Message); 
     } 

取消阻止后,我需要通过回调通知,所以告诉我有取消阻止回调功能的方式。感谢

回答

7

您可以指定回调方法是这样的:

$('div#content').unblock({ 
    onUnblock: function() { alert(data.d[0].Message); } 
}); 
0

你可以把一个函数内部的代码和回调传递给它这样的:

function someNmae (fn){ 
    ... 
    else { 
     $('div#content').unblock(); 
     alert(data.d[0].Message(); 

     // Execute Callback Function// 
     if (typeof fn == 'function') { 
      fn.call(this); 
     } 
    } 
    .... 
} 

// Run Function w/ Callback // 
someName(function(){ 
    // Callback Code Here // 
}); 

编辑:

按照documentation有一个叫onUnblock的环境,您可以通过一个标准功能运行在每个解锁如下:

$.blockUI({ 
    onUnblock : function(){ 
     // Callback Function Here // 
    } 
}); 

我希望这有助于!

+0

请让我明白这是如何工作....功能someNmae(FN){ ... 其他{ $( '#DIV内容' ).unblock(); 警报(data.d [0] .Message(); //执行回调函数// 如果(typeof运算FN == '功能'){ fn.call(本); } } .. .. } //运行函数w /回调// someName(函数(){// 回调代码这里// }); –

相关问题