Jquery ui 加载带有幻灯片效果的AJAX

我的计划是有一个内容DIV，在该DIV中，我将通过AJAX加载内容。我希望已加载的页面向左滑动，使用circle.gif淡入加载页面，然后淡入新内容，以此类推

我有这段代码，但它在顶部而不是左边，我想没有滚动条了

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

还有一个：

$('.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).animate({'left' : 'show'});
});

您还可以根据需要将

右边

、

左边距

、

右边距

与

显示

一起用作值

若要通过水平滑动将其隐藏回去，请改用

hide

value

---

确保先隐藏元素，并为这些属性设置适当的CSS值。

考虑使用CSS制作动画，除非它对应用程序的功能至关重要。能否显示一段代码？您好，这是我的尝试，我不能让它工作，无论是改变顺序还是JSFIDLE都不适合检查这个？嗨，谢谢回答，这是我期待实现的一个尝试