如何使用 Sidr 创建可折叠的子菜单项?

Posted

技术标签:

【中文标题】如何使用 Sidr 创建可折叠的子菜单项?【英文标题】:How to create collapsible submenu items using Sidr? 【发布时间】:2017-04-27 03:16:44 【问题描述】:

我在 Wordpress 中使用 Sidr 来创建移动导航,我试图在点击时制作可折叠的子菜单但失败了。 这是我的代码,但不起作用。

$(function()
    $('.sidr-class-menu-item-has-children').each(function() // Each menu item with children
        $(this).on('click',function() // ...When clicked
            $(this).find('.sidr-class-sub-menu').show(); // Show sub menu
        );
    );
);

任何提示或帮助将不胜感激。

【问题讨论】:

【参考方案1】:

您可以添加相同的代码:

jQuery(document).ready(function()
    $('.sidr-class-menu-item-has-children').each(function() // Each menu item with children
        $(this).on('click',function() // ...When clicked
            $(this).find('.sidr-class-sub-menu').show(); // Show sub menu
       );
    );
);

如果不行,可以把$改成jQuery

【讨论】:

以上是关于如何使用 Sidr 创建可折叠的子菜单项?的主要内容,如果未能解决你的问题,请参考以下文章

android开发如何实现折叠菜单类似qq分组?

重量可折叠菜单项

当我单击 AdminLTE 3.0 中的子菜单时,如何折叠导航树视图?

Sidr是一个用于创建辅助菜单的jQuery插件,也是实现菜单响应的最简单方法。

如何在 JQM 中删除动态添加的可折叠项

Bootstrap 折叠菜单链接在移动设备上不起作用