Question

jquery 缓存问题，求解决，谢谢。

首先获取浏览器窗口的宽度，根据这个宽度给div赋值，但是问题是，在线上刷新后每次都要计算宽带并赋值，所以会出现抖动问题
我觉得这应该可以用缓存来解决，时间比较紧迫，我现在正在解决，希望有高手帮我解决一下，谢谢了！

function change(){
var wr =$(window).width(); //wr是浏览器的宽
if(wr>0 && wr<1228){
$('div').width('980');
}else if(wr>1228 && wr<1476){
$('.dna_head,#content,#footer').width('1228');
}else if(wr>1476 && wr <1652){
$('div').width('1476');
}else if(wr>1652 && wr <1888){
$('div').width('1652');
}else if(wr>1724){
$('div').width('1724');
}
}
//运行change()赋值
change();
//每次窗口改变大小，运行change()
$(window).resize(function(){
change();
});

Answer 1

问题出在resize函数上，你可以尝试减缓它的执行次数，就不会那么抖动了：

//...以上接你的代码
change();

var windowTimer = null;
$(window).resize(function(){
clearTimeout(windowTimer);
windowTimer =setTimeout(change,200);

})

追问

不是的，这个计算量并不是很大，不会因为resize出现抖动； 主要是因为DIV没有宽，加载JS后计算出的宽赋给DIV后，DIV才有的宽，所以出现了抖动 没刷新一次页面的时候执行一次这个函数 所以我的意思是用执行一次后，把DIV的宽缓存起来，就不执行这个函数了(当窗口改变大小的时候再执行)

追答

哦，我明白了，是因为jquery的ready事件触发的比较迟造成的；
你可以试着用原生的方法在head部分就执行这个判断，这样就不会出现抖动了

追问

不行啊，header,content,footer都要根据浏览器的宽获得宽度，所以必须要等到footer加载完毕后再运行。。。。

追答

给个简单的解决办法：
头部判断的时候，不是给每个header，content。。。设置宽高，而是设置html的class值，再配合css样式表，就简单多了。。。。

例如：
function change(){
var wr =$(window).width(); //wr是浏览器的宽
var d = document.documnetElement;

if(wr>0 && wr1228 && wr1476 && wr 1652 && wr 1724){
d.className = "width1724";
}
}

change();

css里边怎样写，相信你会的了。。。。

Answer 2

可以参考jquery Cookies操作的内容。

将少量的信息存在客户端，也就是你的这个“宽度”。

当Cookies没有保存这个值的变量时，为其创建一个变量。
刷新操作后，去读取Cookies中该变量的值。

追问

我觉得也是这样，但是不知道具体怎么搞。。能不能写个简单的demo加注释参考一下