Question

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

我在css中淘汰了所有相关的媒体查询，但有些东西触发了滑块插件端的响应式菜单。我相信断点设置为800px，但我在脚本中找不到任何引用它的东西。

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

Answer 1

您可以首先在主题的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() {},

在更小的屏幕上还有一些更改菜单的东西，但它并没有完全崩溃。

如何在touchfolio主题中关闭响应式菜单？

1 个答案: