需要jQueryAjax和转换效果方面的帮助吗

好了，伙计们，我的网站快完成了-

但有一件事让我很烦。当我点击一个缩略图打开一篇文章，该文章使用AJAX在同一页面中加载，然后点击另一个缩略图加载另一篇文章时，转换不平稳，加载图像需要一段时间，而且很难看。有没有一种方法可以通过使用fadeIn/fadeOut来改进这一点并使一切变得平滑

这是我在没有运气的情况下尝试过的

$(".ajaxed").live("click", function(event) {
        $.address.crawlable(true).value($(this).attr("rel"));
        $("#content").fadeTo(500,0);
        $("html,body").animate({scrollTop: 205}, 300);
        var post_slug = $(this).attr("rel");
        $("#board").load("ajax/",{slug:post_slug});
        $("#board").delay(1500).slideDown("slow");
        return false;
});

非常感谢您的时间和帮助

试试这个

$(".ajaxed").live("click", function(event) {
        var post_slug = $(this).attr("rel");
        $.address.crawlable(true).value(post_slug );
        $("#content").fadeTo(500,0);
        $("html,body").animate({scrollTop: 205}, 300);
        $("#board").stop().load("ajax/",{slug:post_slug}, function(){
            $(this).slideDown("slow")
        });

        return false;
});

---

下面是我最终使用的代码

$(".navig a").live("click", function(event) {
    var post_slug = $(this)[0].pathname.substring(1);
    var board_h = $("#board").height();
    $.address.crawlable(true).value(post_slug).strict(true);
    $("#board-wrapper").css('height', board_h + 'px');
    $("#board").fadeOut('slow', function(){
        $("#board").stop().load("ajax/",{slug:post_slug}, function(){
            $("#board").delay(1000).fadeIn('slow', function(){
                var board_h2 = $("#board").height();
                $("#board-wrapper").css('height', board_h2 + 'px');
            });

        });
    });
    return false;
});

---

只是想让大家知道。

谢谢你的回答，但我看不出有什么区别。是的，但只有在加载成功时，电路板才会向下滑动，如果已经设置动画，则在加载之前会停止。