在beforeSend上调用时，jQuery blockUI（）不起作用

Question

不确定下面的代码有什么问题，不知怎的，我无法让blockUI（）工作。

$.ajax({
    url : "before",     
    type : "POST",
    dataType : "text",
    async : true,
    data : formData,
    beforeSend : function() { $.blockUI({ message: 'OK' });   }, 
    success : function(response) {
            $.unblockUI();
            alert("Congrats! Success!");
            var successUrl = "after";   
            window.location.href = successUrl;
            return false;
    },
    error : function(jqXHR, textStatus, errorThrown) {
        $.unblockUI();  
        alert("Oops ! Error occurred !");
    }
});// End of ajax

我试过 - 异步：假也是真的。

Answer 1

根据我们上面评论中的讨论，您没有在HTML页面中加载blockUI脚本..

从这里下载：http://malsup.github.io/jquery.blockUI.js

并将其包含在脚本标记中..

给别人留言：

如果您有jQuery 1.9+和BlockUI插件，请确保使用jquery-migrate插件，因为版本1.9+中不推荐使用jquery browser api ..

希望能解决这个问题。