jquery - 多次调用调整大小事件

Question

仅当您抓住浏览器的左/右边框并开始移动时才会重复调用它，因此它会#video非常快速地删除和插入，这真的很烦人。

有没有办法仅在达到宽度限制时触发“删除-插入”序列？

if($(window).width() <= 820) {
    $("#video").remove().insertBefore("#slideshow");
} 

if($(window).width() >= 820) {
    $("#video").remove().insertAfter("#slideshow");
}

Answer 1

跟踪视频的先前位置：

var wasAfter = true; // Or wherever it starts

function moveVideo() {
    var width = $(window).width();
    var video = $('#video');
    var slideshow = $('#slideshow');

    if(width < 820) {
        if(wasAfter) {
            video.insertBefore(slideshow);
            wasAfter = false;
        }
    } else if(!wasAfter) {
        video.insertAfter(slideshow);
        wasAfter = true;
    }
}