FontSizer Script есть более чистый способ?
Я использую Jquery-Cookie для хранения размера шрифта и если ссылка активна. Все работает как я хочу. Но я новичок в Jquery, и я хочу спросить вас, ребята, есть ли более чистый и быстрый способ сделать это.
Таким образом, активная ссылка подчеркнута, и я также сохраняю это в куки.
<script>
$(document).ready(function () {
$("body").css("font-size", $.cookie('font-size'));
var underline = $.cookie('active');
$(underline).addClass('activefontsize');
$(".small").click(function () {
$('.activefontsize').removeClass('activefontsize')
$(this).addClass('activefontsize')
$("body").css("font-size", "11px");
$.cookie('font-size', '11px');
$.cookie('active', '.small');
});
$(".normal").click(function () {
$('.activefontsize').removeClass('activefontsize')
$(this).addClass('activefontsize')
$("body").css("font-size", "12px");
$.cookie('font-size', '12px');
$.cookie('active', '.normal');
});
$(".big").click(function () {
$('.activefontsize').removeClass('activefontsize')
$(this).addClass('activefontsize')
$("body").css("font-size", "13px");
$.cookie('font-size', '13px');
$.cookie('active', '.big');
});
});
</script>
1 ответ
Решение
ОБНОВЛЕНО:
Я полагаю, это так же чисто, как это получается:
$(document).ready(function () {
$("body").css("font-size", $.cookie('font-size'));
var underline = $.cookie('active');
$(underline).addClass('activefontsize');
$(".small, .normal, .big").click(function () {
$('.activefontsize').removeClass('activefontsize')
$(this).addClass('activefontsize');
var fontsize=0;
var myClass=$(this).attr('class');
switch(myClass){
case 'small':
fontsize=11;
break;
case 'normal':
fontsize=12;
break;
case 'big':
fontsize=13;
break;
}
$("body").css("font-size", fontsize+"px");
$.cookie('font-size', fontsize+'px');
$.cookie('active', '.'+myClass);
});
});