Wordpress 子菜单 Jquery 不起作用

Posted 2023-05-09

【中文标题】Wordpress 子菜单 Jquery 不起作用

【英文标题】：Wordpress sub-menu Jquery does not work

【发布时间】：2017-12-08 06:28:47

【问题描述】：

我正在基于 Wordpress 构建我的网站并添加了一个移动菜单。现在我正在解决单击菜单项时子菜单不折叠的问题。

Wordpress 中子菜单的常规名称是 .sub-menu，当有更多子菜单时，当我单击具有子菜单的菜单项时菜单崩溃，但所有子菜单都崩溃了，而我只想要一个被点击折叠的。

了解 (this) 功能，但无法使其工作。

对我做错了什么有什么建议吗？

我的默认代码使每个子菜单在单击菜单项时可见：

(function($)
jQuery(document).ready(function() 
    jQuery('#mobilenav .menu-item-has-children').click(function()
         jQuery('#mobilenav .sub-menu').toggleClass('openup1');
    );
);

)(jQuery);

我已经编写但不起作用的代码：

(function($)
jQuery(document).ready(function() 

    jQuery('#mobilenav .menu-item-has-children').click(function()
            jQuery(this).closest('#mobilenav .sub-menu').toggleClass('openup1');
        );

);

)(jQuery);

【参考方案1】：

jQuery(this).children('.sub-menu').first().toggleClass('openup1');

【讨论】：

这很好用！到目前为止，我不明白， (this) 是指之前命名的 div 吗？ (#mobilenav .menu-item-has-children) ans children 表示名为 .sub-menu 的子项，而 .first 表示主 div 内的第一个子菜单。而 openup1 是被添加的 div 名称？谢谢！