jQuery SlideUp闪烁

Question

我正在为一个使用Cargo Collective的朋友开发一个网站：

http://cargocollective.com/joaocanziani

我在使用“SlideUp”和“SlideDown”的下拉菜单时遇到了一些问题。我在这里读到了一些关于“闪烁”的问题，问题是我在任何浏览器中都没有在我的任何设备上看到这个问题。我的朋友给我发了这个问题的视频，你可以在这里看到：

https://dl.dropboxusercontent.com/u/34804399/video.mov

用户在Safari和Firefox上看到了这个问题，但在Chrome上看不到(都是在OS X上)。我无法在任何设备上复制此问题，因此很难排除故障。根据我所看到的，似乎问题可能出在jQuery幻灯片上，但我不确定我哪里出错了。

// Slide Down On Load       
$(document).ready(function(){
   $(window).load(function(){
      $('.navigation_tag').each(function(i){
          $(this).delay(1200).slideUp(500);
      });
   });
});    

// Slide Up On Scroll   
$(document).scroll(function(){
  // Hide Navigation when page reaches more than 50 on scroll
  if($(this).scrollTop() >= 10)
  {
      $(".navigation_tag").slideUp(500);
  }
  if($(this).scrollLeft() >= 10)
  {
      $(".navigation_tag").slideUp(500);
  }    
});

// Slide Down On Hover 
jQuery(document).ready(function() {
$('.heading a').bind('mouseenter', function(event) {
    switch(event.type) {
        case 'mouseenter':
           // when user enters the div
           $(".navigation_tag").slideDown(500);
        break;
    }
});
});    

jQuery(document).ready(function() {
$('.navigation').bind('mouseleave', function(event) {
    switch(event.type) {
        case 'mouseleave':
           // when user enters the div
           $(".navigation_tag").slideUp(500);
        break;
    }
});
});      

Answer 1

我无法重现它，但看起来您使用的是jQuery 1.4.2，它有点旧。如果你尝试更新它，他还会有这种行为吗？