点击链接后如何让手机导航菜单关闭？

时间：2019-08-12 作者：davidhlyns

我正在使用wordpress主题，我想将导航菜单更改为单页导航菜单。我已经做了所有的工作，除了当我使用手机时，当我单击菜单项时，菜单不会关闭。所有菜单链接都以#开头。我正在使用一个子主题，并希望向该函数添加一个函数。单击菜单项时关闭窗口的php文件。

这是我的功能。php文件。

<?php
add_action( \'wp_enqueue_scripts\', \'my_theme_enqueue_styles\' );
function my_theme_enqueue_styles() {

    $parent_style = \'PRANAYAMA_YOGA_THEME_VERSION\'; // 

    wp_enqueue_style( $parent_style, get_template_directory_uri() . \'/style.css\' );
    wp_enqueue_style( \'child-style\',
        get_stylesheet_directory_uri() . \'/style.css\',
        array( $parent_style ),
        wp_get_theme()->get(\'Version\')
    );
}
有可能做到这一点吗？

提前感谢

1 个回复
SO网友:Aida

我将使用javascript（或jQuery）检测何时单击菜单项并关闭菜单。

$( \'.menu-item\' ).on( \'click\', function(e){
    e.preventdefault();

    // add a class to target with CSS and close the menu or do animation to close it
} );

标签： php   menus   css   child-theme   小码农  

相关推荐

如何使用AJAX调用带参数的php页面

我使用位计算，以便通过php文件显示计算值，以便我尝试实现AJAX代码，但URL未加载php文件。。，有什么建议吗。。？function fun5() { var id1=document.getElementById(\'city\').value; $.ajax({ url:\'loaddata.php?id1=\'+id1, complete:function(data) {