小编Ste*_*hen的帖子

我正在使用各种jquery插件,包括延迟加载,scrollTo,图像效果的东西,以及从阅读本网站上的人们帖子收集的各种片段.现在,所有这些效果都会从页脚中被解雇,并且就像发生了滞后现象一样.效果就像,犹豫不决,或者是跳跃,或者是不平滑的.

我已经玩过使用文档就绪与窗口加载,我在标题中有一个片段来阻止FOUC,但我感觉有像排队问题,或内存过载等等.(就像当你尝试使用太多程序运行的笔记本电脑时,一切都感觉很沉重和缓慢.)

特别是在Opera.出于某种原因,它就像Opera无法处理我的网站.

对我来说,一些jquery效果应该造成这样的问题是没有意义的.人们玩强烈的电子游戏,没有问题,但是一个具有淡入淡出效果的网站突然间太多,电脑无法处理？我的页脚代码肯定有问题.

所以我的理论问题 -

有没有像我需要开始遵循的标准练习,以确保所有这些jquery效果运行更顺畅,吞噬更少的内存,不互相冲突,或其他什么？

如果您转到www.rambocats.com,当页面加载时,您会看到这个底部中心的div显示一两秒,然后消失.(Div用粉红色字母表示"画廊II").它应该只在您向下滚动到页面的大约2/3时出现.如何在初始加载期间阻止它显示？

这是jQuery:

$(document).ready(function(){
var open = false;
$('#homiesSlideButton').click(function() {
    if(open === false) {
        $('#homiesSlideContent').animate({ height:'610px' });
        $(this).css('backgroundPosition', 'bottom left');
               $("#homies-wrapper img").peTransitionHilight({   // image highlight/transitions plugin
                                        slideshow:true, 
                                        transition:"all", 
                                        duration:1500, 
                                        delay:4444, boost:0.3
                                  });
        open = true;
    } else {
        $('#homiesSlideContent').animate({ height: '0px' });
        $(this).css('backgroundPosition', 'top left');
        open = false;
    }
});
});

$("#homiesSlideButton").hide();
$(window).scroll(function(){
if($(window).scrollTop()>4444){               // position on page when button appears
     $("#homiesSlideButton").fadeIn();
  }else{
     $("#homiesSlideButton").fadeOut();
  }
});  


$(window).scroll(function(){
if($(window).scrollTop()>4444){               // position on page when button disappears
     $("#homiesSlideContent").fadeIn();
  }else{
     $("#homiesSlideContent").fadeOut();
  }
});