Question

我想在移动设备上显示菜单链接（我没有很多）。有没有办法让菜单默认切换？我正在使用二十三个WP主题这个工作直到最近某个时候，也许更新改变了一些东西？

我对jquery不是很了解，但我把这段代码放到我的标题头但是它似乎不起作用：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 

// Toggles small menu
jQuery(document).ready(function($) {
$( '#site-navigation' ).toggleClass( 'toggled-on' );
} );

</script>

或者还有其他方法？

以下是我与元素一起使用的一些css：

这是我目前提出的一些问题：

.nav-menu li a {
    padding: 7px 20px!important;
}

.menu-toggle {
    display:none;
}
.toggled-on {
display: block;
}

.toggled-on .nav-menu, .toggled-on .nav-menu > ul {
float: right;
padding-bottom: 7px;
width: 150px;
}
.toggled-on .nav-menu li a:hover,
.toggled-on .nav-menu ul a:hover {
    background-color:#FFF!important;
    color: #df3926;  /* WEBSITE RED */
}

编辑：解决了！我将上面的jquery代码放入页脚并用jQuery（document）.ready（function（$）包装它，现在它正在调用它并正在工作

Answer 1

首先，如果您可以创建一个非常棒的jsfiddle演示。

其次，我的猜测是，您的 .toggled-on 类上没有 display：block; 。所以试着这样做：

.toggled-on {
 display: block;
}

Wordpress如何切换切换菜单

1 个答案: