Question

我正在尝试使移动设备上的菜单在用户单击链接时关闭。

查看此处：https://siteweb.synergieetvitalite.com/monportfolio/heidi/

我不确定如何更改菜单的javascript以获得正确的行为。

    setupToggleButton($scope) {
    if (this.isMobileMenu($scope)) {
        $scope.$toggle = $scope.find('.opalelementor-menu-toggle');
        var style =  $scope.$toggle.data('style') ;
        var effect =  $scope.$toggle.data('effect') 

        if( style == 'poup' ){  
            $scope.$toggle.magnificPopup({
                type        : 'inline',
                mainClass: 'mfp-with-fade',
                removalDelay: 500,
                overflowY   : 'hidden',
                callbacks   : {
                    beforeOpen: function () {  
                        this.st.mainClass = effect;
                    },
                    close: function () {
                         $scope.$toggle.removeClass('opalelementor-active');
                    }
                },
                midClick    : true
            });

        } else {
            $scope.$toggle.on('click', () => { 
                this.$dropdownMenu = $scope.find('.opalelementor-nav-menu--dropdown.opalelementor-nav-menu__container');
                $scope.$toggle.toggleClass('opalelementor-active');
                this.toggleMenu($scope, $scope.$toggle.hasClass('opalelementor-active'));
                return false; 
            });
        }   
    }
}

Answer 1

好吧，我知道了...

通过添加以下代码可以起作用：

<script>

jQuery(document).ready(function($){$('body').on('click','.opalelementor-nav-menu--dropdown.opalelementor-nav-menu__container a',function(){  $(".opalelementor-menu-toggle").click();
});
  var body = $( 'body' );
});
</script>

点击链接后，手机上的关闭菜单

1 个答案: