jquery - 使用 jQuery 加载和 fadeIn 技术

Question

我正在尝试使用 jQuery 加载函数将 html 页面加载到元素中。问题是加载新内容时我会出现轻微闪烁。

您可以在此处查看演示页面 - http://wwwdev.legendboats.com (点击底部的船只将新内容加载到主区域)

这是我当前正在使用的代码。

$("#mycarousel a").click(function() {

     $("#home_box div").fadeOut().load($(this).attr("href") + ' #featured_content', function(response, status, xhr) {
        $(this).fadeIn();
    });

    return false;
});

Answer 1

只有从缓存加载内容时才会发生 flickr，因为 load() 方法会在旧内容淡出之前淡入新内容，请尝试在淡出的回调函数中加载内容。

$("#mycarousel a").click(function() 
{
     $("#home_box div").fadeOut(function() 
     {
         $(this).load($(this).attr("href") + ' #featured_content', function(response, status, xhr) 
         {
             $(this).fadeIn();
         }
     });

    return false;
});