具有淡化效果的jQuery加载函数无法按预期工作

Question

我有以下情况

jQuery('#content').fadeOut('slow',function(){
    jQuery('#content').load("detail.php?product="+imgID+"&category="+cat);
    jQuery('#content').fadeIn('fast');
});

然而我的问题是所有效果都会发生，当效果完成时，只有PHP文件的内容加载到内容中，是否有更好的方法使内容加载速度不慢

Answer 1

尝试使用load函数的回调函数。像这样：

jQuery("#content").load("detail.php?product="+imgID+"&category="+cat, function()
{
    jQuery("#content").fadeIn("fast");
});

这样;在加载内容之前，您的动画才会开始。