Question

我想使用jQuery将dom中的元素（div）从一个地方移动到另一个地方。我的代码工作得非常好，因为每次调整浏览器大小时都会附加我的代码，然后继续浏览器崩溃。

这是我的代码：

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

如何让它只运行一次，所以它只进行一次，然后在调整大小超过740px时将它放回到dom中的原始位置。

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

演示：Fiddle

$（window）.resize conditional =如果page小于

1 个答案: