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);
    });

});
Другие вопросы по тегам