Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqueryajax成功&x2B;法丹_Javascript_Jquery_Ajax_Fadein - Fatal编程技术网

Javascript jqueryajax成功&x2B;法丹

Javascript jqueryajax成功&x2B;法丹,javascript,jquery,ajax,fadein,Javascript,Jquery,Ajax,Fadein,我使用AJAX将调查内容加载到页面上的容器中,在转换过程中,我淡出容器,完成后淡出。它可以在第1-4页正常工作,但在第5页停止工作。第5页的内容会加载,但容器不会消失 success: function(data){ $("div#surveyContainer").fadeOut(function(){ $("div#surveyContainer").html(data).hide().fadeIn(); }); // end fadeout } 在第5页的

我使用AJAX将调查内容加载到页面上的容器中,在转换过程中,我淡出容器,完成后淡出。它可以在第1-4页正常工作,但在第5页停止工作。第5页的内容会加载,但容器不会消失

success: function(data){
    $("div#surveyContainer").fadeOut(function(){
        $("div#surveyContainer").html(data).hide().fadeIn();
    }); // end fadeout
}
在第5页的任何地方都没有提及
surveyContainer
。我所能想到的就是有什么东西超时了,导致
fadeIn
无法触发。加载时间约为36毫秒。我将php脚本设置为发送
数据的位置
,以报告所有错误(数据正在进入数据库),但我得到的只是我期望的内容,但容器保持
显示:无
。如果我删除淡出,一切正常:/

我也试过了,但没有用:

success: function(data){
    $("div#surveyContainer").fadeOut(function(){
        $("div#surveyContainer").html(data);
        $("div#surveyContainer").fadeIn();
    }); // end fadeout
}
尝试添加一个
.stop()

这将停止当前正在发生的任何动画,强制它们直接转到其结束点(它们要设置动画的位置)并清除动画队列。您可能也可以通过这种方式摆脱
hide()

另外,你可以在回调中使用
这个
,我不知道为什么。但是您可以。

尝试添加一个
.stop()

这将停止当前正在发生的任何动画,强制它们直接转到其结束点(它们要设置动画的位置)并清除动画队列。您可能也可以通过这种方式摆脱
hide()


另外,你可以在回调中使用
这个
,我不知道为什么。但是你可以。

不知道为什么它会在一个单独的页面上断开

也许您可以在
.hide()
的回调中尝试:

$("div#surveyContainer").html(data).hide('slow', function(){
    $(this).fadeIn();
});
正如星际编码器所指出的。当你将
div\35; survey容器淡出时,你已经隐藏了它。您现在只需加载数据并淡入即可

success: function(data){
    $("div#surveyContainer").fadeOut(function(){
        $(this).html(data).fadeIn(); // Removed the .hide()
    }); // end fadeout
}

不知道为什么它会在一个单独的页面上断开

也许您可以在
.hide()
的回调中尝试:

$("div#surveyContainer").html(data).hide('slow', function(){
    $(this).fadeIn();
});
正如星际编码器所指出的。当你将
div\35; survey容器淡出时,你已经隐藏了它。您现在只需加载数据并淡入即可

success: function(data){
    $("div#surveyContainer").fadeOut(function(){
        $(this).html(data).fadeIn(); // Removed the .hide()
    }); // end fadeout
}


不要使用加密(HTTPS)从页面链接到。本地托管代码。

不要使用加密(HTTPS)从页面链接到。本地托管代码。

但是数据是在<代码>淡出
完成后填充的,因此理论上不需要<代码>停止
。因此,在没有看到代码并能够测试它的情况下,我的答案以“try”:)开头,这是我最好的猜测。但是数据是在
淡出
完成后填充的,因此理论上不需要
停止
。因此,我的答案以“try”(尝试)开头,而没有看到代码并能够测试它,这是我最好的猜测。发布从服务器发回的HTML。为什么要再次隐藏div?你已经用淡出法把它藏起来了,星际编码器:因为如果我不这样做,它就根本不起作用了。我会发布HTML,但它大约有2000行。你有没有试过发回非常简单的HTML,也许只是一个
测试
?只是为了确保html不是无效的?您在控制台窗口中得到了什么吗
F12
Post从服务器返回的HTML。为什么要再次隐藏div?你已经用淡出法把它藏起来了,星际编码器:因为如果我不这样做,它就根本不起作用了。我会发布HTML,但它大约有2000行。你有没有试过发回非常简单的HTML,也许只是一个
测试
?只是为了确保html不是无效的?您在控制台窗口中得到了什么吗<代码>F12
为什么要在填充数据后将其隐藏,然后重新显示?您可能希望在填充div之前隐藏它,然后在填充之后显示它。这就是我在第二个链接更好的示例中所做的。我只是把他的例子复制到隐藏回调的例子中。编辑了我的答案以注意愚蠢的错误,正如@Interstellar_Coder指出的那样,这也不起作用:/我还尝试了我刚才添加到主要问题中的内容。为什么你要在填充完数据后隐藏它,然后重新显示它?您可能希望在填充div之前隐藏它,然后在填充之后显示它。这就是我在第二个链接更好的示例中所做的。我只是把他的例子复制到隐藏回调的例子中。编辑了我的答案,注意到了一个愚蠢的错误,正如@Interstellar\u Coder所指出的那样,这个错误也不起作用:/我还尝试了我刚才添加到主要问题中的内容。