我已经编写了这段代码,当用户点击“增加”或“减少”时调整字体大小,并希望设置一个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吗?
发布于 2015-06-26 11:00:50
我想说你错过了在页面上读饼干的那部分。
$(document).ready(function(){
$('body').css('font-size', $.cookie('saveFontSize'));
}
发布于 2015-06-26 11:01:30
您的代码应该可以正常工作,但是在页面加载期间似乎没有设置字体值。
$(function () {
var fontSize = $.cookie("saveFontSize");
if (fontSize) {
$('body').css('font-size', fontSize + "px");
}
});
请注意,如果cookie丢失,则字体值将保持不变。
https://stackoverflow.com/questions/31071115
复制相似问题