Javascript jqueryajax的成功效果
一旦得到ajax响应,我想对页面执行一些效果,比如Javascript jqueryajax的成功效果,javascript,jquery,ajax,fadein,Javascript,Jquery,Ajax,Fadein,一旦得到ajax响应,我想对页面执行一些效果,比如fadeIn。 我试过这个 $.ajax({ type: "post", url: actionLink, cache: false, data: ....someData...., success: function(data) { $(".response").fadeOut(100); $(".response").h
fadeIn
。
我试过这个
$.ajax({
type: "post",
url: actionLink,
cache: false,
data: ....someData....,
success: function(data) {
$(".response").fadeOut(100);
$(".response").html(data);
$(".response").fadeIn(500);
}
});
这是工作,但数据显示第一和500毫秒的闪光获得数据与淡入淡出效果,但我需要得到加载的数据直接与淡入淡出效果
我甚至试过,但我还是遇到同样的问题
我还尝试:
$(".response").fadeOut(100).hide();
$(".response").show().html(data).fadeIn(500);
还是一样。如何解决此问题?您是否尝试过:
$(".response").fadeOut(100).html(data).fadeIn(500)
这东西奏效了
jQuery(".response").fadeOut( 100 , function() {
jQuery(this).html( data);
}).fadeIn( 1000 );
试试$(“.response”).fadeOut(100).delay(100).html(数据).fadeIn(500)
这将强制后续操作(将html添加到div中)等待淡出完成。我发现的最简单的方法是将初始淡出()设置为“0”。这样做非常有效:
success:function(data)
{
$(".response").fadeOut(600, function ()
{
$(".response").html(data)
});
$(".response").fadeIn(600);
}
$(".response").fadeOut(0).html(result).fadeIn(500);
因为使用实际值设置初始淡出()会使其“弹出”,然后淡入。仍然不是理想的结果
因此,通过将初始淡出设置为0,意味着它在淡入之前不会花费十分之一秒的淡出时间。所以你不会得到一个奇怪的效果。概念是:一旦收到ajax响应,fadeIn消息-等待几秒钟(延迟)-fadeOut 像这样------
$('div.errorul').fadeIn(600.html('msg').delay(1000.fadeOut)(500) 嗨,谢谢你的回复。试过了。还是一样。第一个数据显示并启动fadeInHey,下面是我发布的答案。我得到了它。谢谢你的回复。它尝试了你的建议。还是一样。你应该检查你的答案是否是问题的正确答案,这样当人们来这里发布答案时,他们会看到答案已经被回答。我只能在两天后检查我自己的答案。这就是我检查时得到的警告。