默认情况下展开的下拉菜单(在首页)

时间:2014-04-04 作者:user2656065

对于this site 用户似乎很难通过左上角的“数据”下拉菜单找到可访问的网站内容。

为了改进这一点,我希望在默认情况下扩展此下拉菜单,但仅限于首页。

通过this older (not WordPress related) StackExchange question (that is including a JSFiddle) 以及其他一些我学到的应该使用jQuery的注释。我尽了最大努力,但在我的网站上根本无法让它工作。

在JQuery代码中,我必须处理的网站上的CSS元素是什么?我应该把代码放在哪里?有人能帮我吗?

Edit:

非常感谢用户49916!这很有效!我遇到的问题是,默认情况下也会扩展第二级子级。为了隐藏它们,然后仅在悬停时显示它们,我添加了以下内容:

/*Make the drop down menu expanded by default – on the front page*/
    .home ul#menu-all-descendants-as-submenus li ul {
        left: 0;
    }

    /*Make the drop down menu expanded by default and hide the sub-children – on the front page*/
        .home ul#menu-all-descendants-as-submenus.menu li ul ul {
            left: -999em;
        }
    /*Make the drop down menu expanded by default and show the sub-children on hover of menu – on the front page*/

        .home ul#menu-all-descendants-as-submenus.menu li ul li:hover>ul {
            left: 0;
        }

1 个回复
最合适的回答,由SO网友:snaper9 整理而成

老实说,我认为你可以使用一些自定义css来完成这项工作。Wordpress为主页提供了一个自定义的主页主体类。因此,如果我们使用它,深入css中的第一个菜单,并将其移到视图中,您应该会很好。

.home .menu > li > ul {
left: 0;
}
要获取“数据”链接上的悬停状态,只需使用

.home #header .menu a {
background: #D3D3D3;

}
希望这有帮助!

结束

相关推荐

插件取消注册WordPress jQuery后将其加入队列

我正在关注一个Wordpress安装,它使用一个注销jQuery的插件,并用它自己的古老版本替换它。我知道why loading your own jQuery is irresponsible 并希望使用与Wordpress捆绑的jQuery版本。我目前正在注销插件版本的jQuery,并将Wordpress版本排队。然而,我的方法对jQuery的位置和版本进行了一些假设。有没有更好的方法来做到这一点,确保Wordpress更新时不会出现问题?wp_deregister_script( \'jquery\