调整Resize事件多次

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