加载javascript和ajax，然后加载效果

我有一个javascript代码，我试图从单独的页面加载列表（使用jQuery的load（）函数），将当前列表滑出，将新列表滑入

现在，我不希望旧列表在新列表完全加载之前滑动。有谁能告诉我如何做到这一点，而不让人觉得脚本在执行过程中需要三思而后行

多谢各位

编辑

$('.cont a').click(function() {
    var page = $(this).attr('href');
    $('.p-list').prepend('<div class="loader">&nbsp;</div>');
    $('.p-list').load(page +" .proj").hide().fadeIn();
    return false;
});

$（'.cont a'）。单击（函数（）{
var page=$（this.attr（'href'）；
$（'.p-list'）。前缀（''）；
$（'.p-list'）.load（page+“.proj”）.hide（）.fadeIn（）；
返回false；
});

很抱歉没有输入代码。然而，我真的不知道这有多大帮助…

这应该可以做到：

$("#someDiv").slideUp("slow").load('blah.html', function() {
    $(this).slideDown("slow");
});

如果在load的回调中调用

slideDown

方法（或任何其他ajax方法），将确保在元素被响应填充后发生动画

编辑：要将其应用于代码，请执行以下操作：

$('.cont a').click(function() {
        var page = $(this).attr('href');
        $('.p-list').prepend('<div class="loader"> </div>');
        $('.p-list').slideUp("slow").load(page +" .proj", function() {
             $(this).fadeIn("slow"); //or show or slideDown
        });
        return false;
});

$（'.cont a'）。单击（函数（）{
var page=$（this.attr（'href'）；
$（'.p-list'）。前缀（''）；
$（'.p-list'）.slideUp（“slow”）.load（第+页“.proj”，函数（）{
$（this）.fadeIn（“slow”）；//或显示或向下滑动
});
返回false；
});

这应该可以做到：

$("#someDiv").slideUp("slow").load('blah.html', function() {
    $(this).slideDown("slow");
});

如果在load的回调中调用

slideDown

方法（或任何其他ajax方法），将确保在元素被响应填充后发生动画

编辑：要将其应用于代码，请执行以下操作：

$('.cont a').click(function() {
        var page = $(this).attr('href');
        $('.p-list').prepend('<div class="loader"> </div>');
        $('.p-list').slideUp("slow").load(page +" .proj", function() {
             $(this).fadeIn("slow"); //or show or slideDown
        });
        return false;
});

$（'.cont a'）。单击（函数（）{
var page=$（this.attr（'href'）；
$（'.p-list'）。前缀（''）；
$（'.p-list'）.slideUp（“slow”）.load（第+页“.proj”，函数（）{
$（this）.fadeIn（“slow”）；//或显示或向下滑动
});
返回false；
});

您也可以尝试以下方法：

$("#someDiv")
    .slideUp("slow", function(){
        $(this).load('blah.html', function() {
            $(this).slideDown("slow");
        }
    );
});

这对我来说效果更好，因为一旦幻灯片效果完成，您就可以加载页面。

您也可以尝试以下方法：

$("#someDiv")
    .slideUp("slow", function(){
        $(this).load('blah.html', function() {
            $(this).slideDown("slow");
        }
    );
});

---

这对我来说效果更好，因为一旦幻灯片效果完成，你就可以加载页面。

我正在重新考虑回答这个问题。请澄清。第二个想法是什么？基本上，当我尝试使用jquery的load函数的回调时，效果会忽隐忽现。它向上滑动，向下滑动（意味着新页面尚未加载），然后显示新内容。你为什么不发布任何代码？！说真的，关于回答这个问题，我正在重新考虑。请澄清。第二个想法是什么？基本上，当我尝试使用jquery的load函数的回调时，效果会忽隐忽现。它向上滑动，向下滑动（意味着新页面尚未加载），然后显示新内容。你为什么不发布任何代码？！认真地