Question

我正在构建基于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);

Answer 1

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

Wordpress子菜单Jquery不起作用

1 个答案: