jquery, add/remove class when window width changes

Question

I\'ve written out a very basic script to add/remove a class on load or when a window is resized.

I was just wondering if there was a better way of doing this or if i

Answer 1

First of all, DRY (Don't Repeat Yourself) your code by using a function:

function checkWidth(init)
{
    /*If browser resized, check width again */
    if ($(window).width() < 514) {
        $('html').addClass('mobile');
    }
    else {
        if (!init) {
            $('html').removeClass('mobile');
        }
    }
}

$(document).ready(function() {
    checkWidth(true);

    $(window).resize(function() {
        checkWidth(false);
    });
});