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