$(window).resize conditional = если страница меньше чем

Question

Я хочу переместить элемент (div) в DOM из одного места в другое с помощью jQuery. У меня есть код, работающий почти слишком хорошо, в том смысле, что он добавляет мой код каждый раз, когда изменяется размер браузера, а затем продолжает работу, пока браузер не падает.

Вот мой код:

$(window).resize(function() {
    var bodyWidth = $(window).width();
    if(bodyWidth < 740){
        $('.GalleryHeader').appendTo('li');
    }
});

Как сделать так, чтобы он запускался только один раз, чтобы он выполнялся только один раз, а затем, возможно, поместите его обратно в исходное местоположение в домене при изменении размера до 740 пикселей.

Answer 1

Пытаться

jQuery(function () {
    var flag;
    $(window).resize(function () {
        var bodyWidth = $(window).width();
        console.log(bodyWidth)
        if (flag !== false && bodyWidth < 740) {
            //move the element to new location
            console.log('less')
            flag = false;
        } else if (flag !== true && bodyWidth >= 740) {
            //put it back to original location
            console.log('more')
            flag = true;
        }
    }).resize();
})

Демо: скрипка