Wordpress 如何使切换菜单打开

Question

我想让菜单链接在移动设备上可见（我没有很多）。 有没有办法让菜单默认打开？ 我正在使用 23 个 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：

这是我目前放入的一些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;
}