Question

我正在尝试实现blockUI-pugin。在Firefox中，blockUI可以工作，但unblockUI没有。 Firebug一直告诉我unblockUI() is not a function。

然后我尝试更改浏览器（从FireFox到Chrome），只是为了看看它是否会产生影响 - 确实如此。现在，当我运行代码时，灰色区域不再出现（这也发生在Safari中）+ unblockUI仍然无效。 Firebug显示我收到的所有POST变量都是正确的。

这是我的AJAX电话：

function login() {
    $.ajax({
        url: 'login.php',
        type: 'POST',
        data: $('#login').serializeArray(),
        error: function(data){
            console.log(data);
        },
        success: function(data){
            console.log(data);
            $.unblockUI();
        }
    });
}

这是我的blockUI：

$(document).ready(function() {
    $.blockUI({
        message: $('#message').load('login.html'), 
        css: {backgroundColor: '#00FF'}
    });
});

所以，我的两个问题是：

- 为什么Chrome不显示灰色？

- 为什么unblockUI（）不起作用？

非常感谢！

Answer 1

您如何包含/包含插件的订单是什么？

尝试在$(document).ready()中添加您的ajax调用，这样您就可以确保所有内容都已加载并准备就绪

$(document).ready(function() {
    $.blockUI({
        message: $('#message').load('login.html'), 
        css: {backgroundColor: '#00FF'}
    });

function login() {
    $.ajax({
        url: 'login.php',
        type: 'POST',
        data: $('#login').serializeArray(),
        error: function(data){
            console.log(data);
        },
        success: function(data){
            console.log(data);
            $.unblockUI;
        }
    });
};

});

jQuery - blockUI（）根据浏览器的不同而不同

1 个答案: