我不知道是否有人也許能揭示我有一個問題，一些輕...jQuery的兆豐菜單閃爍問題

我用一個jQuery兆豐菜單腳本以下網站：

我發現劇本從下面的網站：

的問題是，上載，我可以看到文本快速閃爍在未格式化的方式如圖所示如下圖：

進出口尋找一種方式來解決這個問題，但我不確定從哪裏開始。我檢查了開發者網站，評論和Google，但找不到解決方案。我想也許有一個把它放在一個暫時隱藏的Div直到腳本加載。

幫助非常感謝！

我認爲這個問題是由於html加載，然後jquery插件運行引起的。我看到這發生在u.i標籤和jQuery表單嚮導（如：http://thecodemine.org/）。

我不認爲你可以讓jquery綁定任何比文檔準備好更快。我建議的一件事就是通過使用css（display：none;）來隱藏這些子菜單，這樣他們將被隱藏起來，並且不會看到它們閃爍。

2011-12-21 23:00:49 chobo2

我試着添加這個，但我不能讓它們在javascript運行時再次顯示。我已經研究了從頁面加載時隱藏CSS值的改變，但我正在努力處理腳本。用JavaScript不是很好。 – user1110643 2011-12-22 00:05:57

你將不得不張貼js，也許我們可以幫助你。 – chobo2 2011-12-22 03:37:18

chobo2是正確的。

您可以使用當菜單被初始化到添加的大型菜單類，然後取消隱藏菜單已形成之後：

主要兆麗UL，＃導航 - 主 - 萬.SUB {顯示： none;}

main-mega.sub ul {display：block;}

2012-01-16 09:25:19 Lee

謝謝！這工作完美 – user1110643 2012-02-27 01:53:18

這個CSS已經包含在超級菜單的CSS，因爲它現在。不幸的是，它並沒有消除閃爍。我的菜單在縮小備份之前仍然顯示爲一大塊物品。 – 2015-06-09 14:40:37

我遇到了同樣的問題。我得到了菜單，加入這個作爲任何CSS的關於大型菜單的第一行停止閃爍：

.megamenu li > div {display: none}

2012-02-14 20:07:17

這可以消除閃爍，但不會顯示任何下拉項。沒有完全解決問題。 – 2015-06-09 14:39:29

您可以使用CSS的子菜單隱藏在裝貨前：

#menu li ul {display: none;} 
#menu .sub ul {display: block;}

2013-01-17 11:34:10

-1

在菜單CSS的第一行，你必須使用以下行： -

#menu li ul {display: none;} 
#menu .sub ul {display: block;}

2014-03-12 05:58:12

這些行已經包含在CSS中，它們不能解決這個問題。 – 2015-06-09 14:47:36

添加爲第一行到你正在使用的大型菜單CSS文件：

.mega-menu li > div {display: none}

然後在文檔準備再添加一些jQuery來表明項目：

$(document).ready(function() { 
    $('.mega-menu li > div').css('display', 'block'); 
});

這將消除閃爍。我嘗試過每一個解決辦法都沒有爲我工作100％。這在IE11中。

2015-06-09 14:37:39