javascript - GRT 修复了响应式菜单 - jQuery 插件 - 关闭菜单的问题（点击链接后）

Question

嗨，我在关闭移动菜单时遇到问题 - 我使用 jQuery 插件在我的网站上实现了该菜单：https ://www.jqueryscript.net/menu/Sticky-Mobile-Navigation-GRT-Responsive-Menu.html 。

当我单击菜单内的链接时，它仍处于打开状态 - 它会转到该部分，但菜单并未关闭。我需要有关使用什么 JS 函数以在单击相应链接后能够自动关闭菜单的帮助。

在我的代码下面：

(function( $ ){
$.fn.grtmobile = function () {
    if ($(window).width() < 992) {
        $('.grt-mobile-button').on('click', function(){
            $(this).toggleClass("grt-mobile-button-open");
            $("ul.grt-menu").toggleClass("open-grt-menu ");
        });
    }
}})( jQuery );

我将不胜感激任何我应该添加以使其正常工作的帮助

标签： javascriptjquery

Answer 1

应用下面的代码后，我能够解决这个问题 - 现在它可以工作，但有时“汉堡”会消失，而且图标并不总是返回到初始状态

(function( $ ){
$.fn.grtmobile = function () {
    if ($(window).width() < 992) {
        $('.grt-mobile-button').on('click', function(){
            $(this).toggleClass("grt-mobile-button-open");
            $("ul.grt-menu").toggleClass("open-grt-menu ");
        });
        $('a').on('click', function(){
            $('.grt-mobile-button').parent().removeClass("grt-mobile-button-open");
            $("ul.grt-menu").removeClass("open-grt-menu");
          });
    }
}

})( jQuery )