2015-03-02 81 views
0

我有簡單的代碼滑動向上/向下動漫我的菜單:在Firefox中Jquery Buggy滑落?

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(閃爍)。嘗試徘徊幾次,你會看到問題。

See Fiddle

如果我使用動畫功能,而不是閃爍/閃光消失在Firefox

See Fiddle

所以,我怎麼能解決閃爍在Firefox中,當我使用jQuery中了slideDown(),而不使用動畫()?

謝謝!

+0

我無法在我的Firefox版本中重現此操作(在Windows 8.1上爲36)。它可能只是您計算機上的視頻卡問題。你有能力在另一臺機器上測試它嗎? – Patrick 2015-03-02 17:35:06

+0

嗯奇怪...我只有在我的鑽機上有高清集成芯片沒有想到它可能是問題,但是我會在其他機器上檢查它... – 2015-03-02 17:38:09

+0

即使是最好的顯卡也需要更新驅動程序。也許只是檢查一下,以確保你有最新的。 – Patrick 2015-03-02 17:39:05

回答

1

這通常可能是由過時的視頻卡驅動程序引起的。更新到最新的驅動程序可能會解決問題。我無法用您的示例重現此錯誤,表明它可能只是您的計算機。