jQuery Div不隐藏在Ajax Post之后

如何解决jQuery Div不隐藏在Ajax Post之后

| 这是代码：

$(\'div#listing\').slideUp(function(){
    $(\'div#img_loading\').show(); //THIS WORKS
});

var jqxhr = $.post(\"process.PHP\",{page: 1},function(data) {
        //some code
    });

jqxhr.complete(function(){
    $(\'div#img_loading\').hide(function(){ //THIS HIDE FUNCTION DOES NOT WORK
        $(\'div#listing\').slideDown(); //THIS LINE WORKS
    });
});

图像已成功加载，但是在ajax完成之后它不会隐藏自身。奇怪的是$（\'div＃listing \'）。slideDown（）有效，但hide（）无效。 非常感谢！     

解决方法

我不认为您想要在hide命令中包含函数

$(\'div#listing\').slideUp(function(){
    $(\'div#img_loading\').show(); //THIS WORKS
});

var jqxhr = $.post(\"process.php\",{page: 1},function(data) {
        //some code
    });

jqxhr.complete(function(){
    $(\'div#img_loading\').hide();
    $(\'div#listing\').slideDown();
});

    ,请通读

hide

jQuery API的规范。在您的代码中，您尝试指定一个不需要的回调。只需按原样使用：

$(\'div#img_loading\').hide();

编辑： 或者，您可以将上面的代码放在ajax回调函数中：

var jqxhr = $.post(\"process.php\",function(data) {
        //some code
        $(\'div#img_loading\').hide();
    });