Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在touchfolio主题中关闭响应菜单?_Javascript_Css_Wordpress - Fatal编程技术网

Javascript 如何在touchfolio主题中关闭响应菜单?

Javascript 如何在touchfolio主题中关闭响应菜单?,javascript,css,wordpress,Javascript,Css,Wordpress,我正在替换Wordpress主题中的现有菜单,并试图找出如何关闭当前菜单的响应 我剔除了css中所有相关的媒体查询,但是有东西触发了滑块插件端的响应菜单。我相信断点设置为800px,但在脚本中找不到任何与此相关的内容 这里是到演示站点现有脚本的链接:您可以先去掉主题main.js中的displayMobileMenu函数。看起来是这样的: displayMobileMenu = function() { if(mobileMenu) { m

我正在替换Wordpress主题中的现有菜单,并试图找出如何关闭当前菜单的响应

我剔除了css中所有相关的媒体查询,但是有东西触发了滑块插件端的响应菜单。我相信断点设置为800px,但在脚本中找不到任何与此相关的内容


这里是到演示站点现有脚本的链接:

您可以先去掉主题main.js中的
displayMobileMenu
函数。看起来是这样的:

displayMobileMenu = function() {
            if(mobileMenu) {
                mobileMenu.css('display', 'block').removeClass('menu-close-button');
                _menusContainer.hide().css({ height : 0 });
                return;
            } 

            var headerHeight = _headerSideMenu.height();
            mobileMenu = $('<a class="menu-button"><i class="menu-button-icon"></i>menu</a>');
            $('.top-logo-group').after(mobileMenu);

            setTimeout(function() {
                var height = _menusContainer.height();
                _menusContainer.hide().css({ height : 0 , top: _headerSideMenu.height()});

                mobileMenu.bind('click.mobilemenu',function(e) {
                    e.preventDefault();
                    if(isMenuAnimating) {
                        return false;
                    }

                    mobileMenu.toggleClass('menu-close-button');

                    if ( _menusContainer.is(':visible') ) {
                            _menusContainer.animate({ height: 0 }, { duration: 300, complete: function () {
                            _menusContainer.hide();
                        } 
                    });
                    } else {
                        _menusContainer.show().animate({ height : height }, { duration: 300 });
                    }
                    isMenuAnimating = false;
                    return false;
                });
            }, 0);

        },
displayMobileMenu = function() {},
在较小的屏幕上,还有更多的东西在改变菜单,但它并没有完全崩溃