jQuery SlideUp Flicker

时间:2013-06-18 15:08:16

标签: javascript jquery

我在使用Cargo Collective的朋友的网站上工作:

http://cargocollective.com/joaocanziani

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

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

用户在Safari和Firefox中看到了问题,但在Chrome中看不到(全部在OS X上)。我无法在任何设备上复制问题,因此很难进行故障排除。鉴于我所看到的,ti似乎问题可能出在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;
    }
});
});      

1 个答案:

答案 0 :(得分:0)

我无法重现它,但看起来你正在使用jQuery 1.4.2,这有点旧。如果你尝试更新它,他是否仍然会出现这种行为?