调整大小事件被多次调用

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