$(window).resize conditional = if page is less than

Question

我想使用jQuery将DOM中的元素（div）从一个位置移至另一个位置。我的代码工作得太好了，因为每次调整浏览器大小时都会附加我的代码，然后继续进行直到浏览器崩溃。

这是我的代码：

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

我如何只运行一次，所以它只能进行一次，然后将其重新调整为740px时，然后将其放回原始位置。

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

演示：小提琴