javascript和ajax加载，然后效果

Question

我有一个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;
});

抱歉，没有放入代码。但是，我真的不知道这有多少帮助...

Answer 1

应该这样做：

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

如果您在加载的回调slideDown （或任何其他ajax方法）中调用slideDown方法，则可以确保动画在元素填充响应后发生。

编辑：要将其应用于您的代码：

$('.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;
});

Answer 2

您也可以尝试以下操作：

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

对我来说效果更好，因为一旦SlideUp效果完成后就加载页面。