[英]why is jquery resize not working?
我正在制作一个响应式菜单。 我将代码更改为一个名为file的函数来更改菜单。 当调整文档或窗口的大小时,jQuery再次调用函数文件以更改菜单。 但这不起作用。 当我加载页面时,它可以工作,但在调整大小时却不能。
jQuery:
var width = $(window).width();
file();
function file(){
if(width <= 400){
$('.link').remove();
$('head').append('<link class="link" rel="stylesheet" href="nav2.css">');
}else if(width >400){
$('.link').remove();
$('head').append('<link class="link" rel="stylesheet" href="nav.css">');
}else{
alert('error');
}
}
$(window).resize(function(){
file();
});
$(document).resize(function(){
file();
});
有人可以帮我解决这个问题吗
width
变量一旦设置就不会更改。 您应该将其移入函数声明中。
function file(){
var width = $(window).width();
if(width <= 400){
$('.link').remove();
$('head').append('<link class="link" rel="stylesheet" href="nav2.css">');
}else if(width >400){
$('.link').remove();
$('head').append('<link class="link" rel="stylesheet" href="nav.css">');
}else{
alert('error');
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.