【发布时间】:2015-03-05 10:30:21
【问题描述】:
我的菜单有简单的上滑/下滑动画代码:
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');
});
});
}
它可以正常工作并且按预期向上/向下滑动,但在 Firefox 中,当我使用 slideDown() 时,我的菜单在动画时闪烁/闪烁。尝试悬停几次,您会发现问题。
如果我使用动画功能代替闪烁/闪烁在 Firefox 中消失了
那么,当我在 Jquery 中使用 slideDown() 而不使用 animate() 时,如何修复 Firefox 中的闪烁?
谢谢!!
【问题讨论】:
-
我无法在我的 Firefox 版本(Windows 8.1 上为 36)中重现这一点。这可能只是您计算机上的视频卡问题。你有能力在不同的机器上测试它吗?
-
嗯,奇怪...我的设备上只有高清集成芯片,没想到这可能是问题,但是我会在其他机器上检查...
-
即使是最好的显卡有时也需要更新驱动程序。也许只是检查以确保您拥有最新的。
-
嘿伙计,你能把你的评论添加为答案,以便我接受吗?我已经更新了我的驱动程序,它现在可以工作了:)