Jquery Firefox 中的 Buggy Slide Down？

Question

我的菜单有简单的滑动 Up/Down 动画代码：

function animateMenuDropdown() {

j('ul.jnav li').hover(function() {

//Let's check if "jsub-menu" Class is here  
if( j(this).children('ul:first').hasClass('jsub-menu') ) {
    return false;//If it is ("jsub-menu" here) don't SlideDown...
}

    else {//Else slide down if no class

    j(this).find('ul.sub-menu:first').not(':visible').stop().slideDown(500);

    }

    },function() {//Unhover callback

var that = j(this);

j(this).find('ul.sub-menu:first').stop().slideUp(500,function(){

j(this).removeAttr('style');
});


});

}

它正常工作并按预期滑动 Up/Down，但在 Firefox 中，当我使用 slideDown() 进行动画处理时，我的菜单是 blinking/flashing。试着悬停几次，你就会发现问题所在。

See Fiddle

如果我改用 animate 函数 blinking/flashing 在 Firefox 中消失了

See Fiddle

那么当我在 Jquery 中使用 slideDown() 而不使用 animate() 时，如何修复 Firefox 中的闪烁问题？

谢谢！！

Answer 1

这通常是由过时的视频卡驱动程序引起的。更新到最新的驱动程序可能会解决问题。我无法用您的示例重现此错误，表明它可能只是您的计算机问题。

Jquery Firefox 中的 Buggy Slide Down？

Jquery Buggy Slide Down in Firefox?

jquery

slidedown