Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
WordPress类别菜单jQuery/CSS悬停_Jquery_Html_Css_Wordpress - Fatal编程技术网

WordPress类别菜单jQuery/CSS悬停

WordPress类别菜单jQuery/CSS悬停,jquery,html,css,wordpress,Jquery,Html,Css,Wordpress,我正在尝试为运行WordPress的博客使用下拉菜单;我想做的是为我的类别设置子菜单。所以它应该是这样的:-哪个是。。但它在页面加载时看起来也是这样——这不是我想要的。一般来说,如果我不使用WordPress,这将是一个简单的解决方案,因为我可以将以下内容添加到我的HTML中 不带WordPress的HTML菜单: <ul class="dropdown"> <li>Link 1</li> <li>Link 2</li>

我正在尝试为运行WordPress的博客使用下拉菜单;我想做的是为我的类别设置子菜单。所以它应该是这样的:-哪个是。。但它在页面加载时看起来也是这样——这不是我想要的。一般来说,如果我不使用WordPress,这将是一个简单的解决方案,因为我可以将以下内容添加到我的HTML中

不带WordPress的HTML菜单:

<ul class="dropdown">
    <li>Link 1</li>
    <li>Link 2</li>
    <li>
        <ul style="visibility: hidden;">
            <li>Sub menu - Link 1</li>
            <li>Sub menu - Link 2</li>
        </ul>
    </li>
    <li>Link 4</li>
</ul>
如果有帮助,您可以通过以下网址查看下拉菜单:


如果我遗漏了什么,我很抱歉,如果我遗漏了,我会尽力快速添加。

为什么不使用菜单创建器屏幕以这种方式创建菜单

.dropdown .children{
    visibility:hidden;
}

您可以使用WP menu creator创建分层菜单,html应该大致等同于您要查找的内容。

为什么不使用menu creator屏幕以这种方式创建菜单


您可以使用WP菜单创建者创建分层菜单,html应该大致等同于您要查找的内容。

在页面加载时隐藏ul

$(function() {
   $('ul.dropdown li > ul').hide();
   // Your Code here
});

在页面加载时隐藏您的ul

$(function() {
   $('ul.dropdown li > ul').hide();
   // Your Code here
});

您可以使用在主题中显示菜单您可以使用在主题中显示菜单我不相信我没有这样做,我以为我已经设置好了。谢谢,这是漫长的一天!真不敢相信我没有这么做,我以为我已经准备好了。谢谢,这是漫长的一天!这也很有效,将保留此供将来参考,谢谢。这也很有效,将保留此供将来参考,谢谢。
$(function() {
   $('ul.dropdown li > ul').hide();
   // Your Code here
});