jQuery SlideUp Flicker

jQuery SlideUp Flicker

本文关键字:Flicker SlideUp jQuery      更新时间:2023-09-26

我在一个使用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;
    }
});
});      

我无法复制它,但看起来您正在使用jQuery 1.4.2,这有点旧。如果你尝试更新它,他还会有这种行为吗?