6

我有一个带有 21 个儿童主题的 wordpress 网站。在我的侧边栏中，我从以下位置嵌入了一个 jQuery Vertical Mega Menu 小部件：

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');

>

但它给了我一个解析错误说：

解析错误：语法错误，意外的 T_FUNCTION，在第 28 行的 /..../functions.php 中需要 ')'

4

2 回答 2

0

作为 CWSpear 回答的后续行动，我建议为此目的创建一个自定义 CSS 类，您还可以将其应用于任何其他在被 JS 激活之前应该隐藏的元素。我喜欢给这个类命名.js-hide——Twitter Bootstrap 使用.collapse.

于 2013-12-11T00:38:53.977 回答
0

首先，您似乎正在将 JavaScript 添加到 PHP。这就是为什么你有错误。

关于闪烁菜单的问题，您应该display: none;在 CSS 中设置子菜单。查看插件，它将它（子菜单）设置为display: none;，但直到加载 DOM 后才会触发（在页面开始加载后不久，但足以看到“flash”），所以通过display: none;在 CSS 中设置它，它将加载隐藏并在悬停时打开。

具体来说，通过查看链接中的插件，尝试将以下内容添加到您的 CSS 中：

.dcjq-vertical-mega-menu .sub-container {
    display: none;
}
于 2013-03-27T07:07:35.047 回答