我编写了这段代码,当用户单击“增加”或“减少”时,它会调整字体大小,并希望设置一个cookie以将浏览器的字体大小保存5-7天。
jQuery在这里:
$('.fontInc').on("click", function() {
// increase current size by 1
currentSize = parseInt($('body').css('font-size')) + 1;
if(currentSize <= 20)
$('body').css('font-size', currentSize);
});
$('.fontDec').on("click", function() {
// decrease current size by 1
currentSize = parseInt($('body').css('font-size')) - 1;
if(currentSize >= 12)
$('body').css('font-size', currentSize);
});
现在我假设如果我写了
$.cookie("saveFontSize", currentSize, {path:'/', expires: 5});
,那么它将保存'currentSize'5天,但是一旦刷新浏览器,字体就会恢复为默认值...我究竟做错了什么?您需要查看HTML吗?
最佳答案
我想说您缺少在页面加载中读取Cookie的部分。
$(document).ready(function(){
$('body').css('font-size', $.cookie('saveFontSize'));
}