jQuery垂直超大菜單子菜單在加載時閃爍。如何阻止它在wordpress中閃爍

我有一個wordpress網站Twenty Eleven兒童主題。在我的側邊欄，我從嵌入jQuery的垂直兆豐菜單控件：jQuery垂直超大菜單子菜單在加載時閃爍。如何阻止它在wordpress中閃爍

http://wordpress.org/extend/plugins/jquery-vertical-mega-menu/

菜單正常工作。唯一的問題是，當網站加載時，有一個簡短的 FOUC（閃爍的未風格的內容）。

http://en.wikipedia.org/wiki/Flash_of_unstyled_content

我不知道如何阻止它閃爍。我用解決方案閱讀了一些類似的問題，但我無法弄清楚如何將它應用到我的孩子主題。

有人說你必須加jQuery(document).ready(function() {。但是在哪裏？我試着將它添加到我的子主題的functions.php中：

<?php 
.... 
..... 


function id_scripts() { 
    jQuery(document).ready(function() { echo 'test'}); 
} 
add_action('wp_enqueue_scripts', 'id_scripts'); 

>

但它給了我一個解析錯誤說：

Parse error: syntax error, unexpected T_FUNCTION, expecting ')' in /..../functions.php on line 28

來源

2013-03-08 es1

你能提供鏈接嗎？ – 2013-03-08 12:15:46

http://www.lordbau.at/wordpress/ – es1 2013-03-08 13:17:56

你能刪除你添加的代碼並恢復到之前的狀態嗎？ – 2013-03-08 13:22:52

首先，它顯示你添加JavaScript到PHP。這就是爲什麼你有錯誤。

關於閃爍菜單的問題，您應該在CSS中將子菜單設置爲display: none;。看着這個插件，它將它設置爲（子菜單）display: none;，但是直到DOM被加載（在頁面加載之後很短的時間，但足以看到「閃光」）之前它不會觸發，所以通過將其設置爲display: none;在CSS中，它將加載隱藏，並將在懸停時打開。

具體來說，通過查看該鏈接的插件，嘗試添加下列到你的CSS：

.dcjq-vertical-mega-menu .sub-container { 
    display: none; 
}

來源

2013-03-27 07:07:35 CWSpear

作爲隨訪至CWSpear的答案，我會建議爲此創建自定義CSS類，您也可以應用於應該隱藏的任何其他元素，直到被JS激活。我喜歡命名這個類.js-hide - Twitter Bootstrap使用.collapse。

來源

2013-12-11 00:38:53 qccreative

jQuery垂直超大菜單子菜單在加載時閃爍。如何阻止它在wordpress中閃爍

回答

相關問題