首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在wordpress上单击菜单项后隐藏它们

在WordPress上,如果想要在单击菜单项后隐藏它们,可以通过使用CSS和JavaScript来实现。以下是一种可能的解决方案:

  1. 首先,打开WordPress后台,并进入外观->编辑器。
  2. 在编辑器中,找到并打开主题的functions.php文件。
  3. 在functions.php文件中,添加以下代码:
代码语言:txt
复制
function hide_menu_items() {
    wp_enqueue_script( 'hide-menu-items', get_stylesheet_directory_uri() . '/js/hide-menu-items.js', array( 'jquery' ), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'hide_menu_items' );
  1. 然后,在主题的目录中创建一个名为“js”的文件夹,并在该文件夹中创建一个名为“hide-menu-items.js”的JavaScript文件。
  2. 在hide-menu-items.js文件中,添加以下代码:
代码语言:txt
复制
jQuery(document).ready(function($) {
    $('.menu-item').on('click', function() {
        $(this).hide();
    });
});

这段JavaScript代码使用jQuery来选择所有具有“.menu-item”类的菜单项,并在单击时隐藏它们。

完成以上步骤后,保存并更新主题文件。现在,当用户单击菜单项时,该菜单项将被隐藏。

值得注意的是,这只是一种解决方案的示例,具体实现可能因主题和个人需求而有所不同。此外,为了使隐藏的菜单项重新显示,可能需要进一步的开发工作。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券