javascript - 如何关闭 touchfolio 主题中的响应式菜单？

Question

我正在替换Touchfolio Wordpress 主题中的现有菜单，并试图弄清楚如何关闭当前菜单的响应性。

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

这是演示站点中现有脚本的链接：http: //dimsemenov.com/themes/touchfolio/demo/wp-content/themes/touchfolio/js/jquery.slider-pack.js

Answer 1

您可以从displayMobileMenu在主题的 main.js 中删除函数开始。它看起来像这样：

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() {},

在较小的屏幕上还有更多的东西可以改变菜单，但它并没有完全折叠。