获取活动宽度并折叠菜单
Get live width and collapse an menu
我有两天很难处理折叠菜单的代码。我真的很努力地想知道我做错了什么。
这个代码的问题是,当你调整浏览器的大小时,它将无法再次工作。
如果有人能帮助我,我将不胜感激。
$(document).ready(function(){
function jqUpdateSize(){
// Get the dimensions of the viewport
var width = $(window).width();
if(width<=768){
$('.toggle-nav-this-site').css("display","block");
$('.toggle-nav-this-site .button-this-tg').click( function(){
$('.aside-menu > ul').toggle('showElem');
});
}else{
$('.toggle-nav-this-site').css("display","none");
$('.aside-menu > ul').show();
}
$('#jqWidth').html(width); // Display the width
};
$(document).ready(jqUpdateSize); // When the page first loads
$(window).resize(jqUpdateSize); // When the browser changes size
});
我从未使用过jQuery,但使用普通JS,您首先必须添加一个EventListener:
window.addEventListener('resize', functionname);
这个被调用的函数必须更改所有变量。
您可以通过以下方式获取窗口大小:window.innerHeight, window.innerWidth
相关文章:
- 展开移动设备上的折叠菜单,同时在桌面上保持悬停
- 只使用CSS创建可折叠菜单或spry菜单
- eBay 和 Bootstrap:JavaScript 中的折叠菜单
- 引导可折叠菜单不起作用
- Twitter Bootstrap 在下拉菜单打开时关闭可折叠菜单
- (网页)JavaScript 可折叠菜单错误
- 折叠菜单中的活动状态
- JS折叠菜单上的标头消失
- 对可折叠菜单中根链接的效果/操作不活动 - 只是效果 - jQuery
- 如何更改可折叠菜单的图像
- 可折叠菜单未保持打开状态
- Bootstrap折叠菜单没有't打开
- 可折叠菜单是't工作-参数'边栏控制器'不是函数,未定义
- 引导程序折叠菜单
- 获取活动宽度并折叠菜单
- 如何关闭所有用jquery打开的元素?(行为类似于折叠菜单)
- 展开和折叠菜单,而不将用户带到页面顶部
- 切换折叠菜单始终打开
- 由外部按钮控制的可折叠菜单
- 可折叠菜单更改元素的位置