javascript - 如何在屏幕宽度变化时激活 .insertBefore ？

Question

我有这个片段，如果屏幕宽度低于 767px，它会将辅助包装器的位置切换到主包装器上方。这很有效，但它只适用于刷新。如何让它在屏幕宽度改变时自动工作？

谢谢!这里完全是新手。

jQuery(document).ready(function(){

if(screen.width<=767){

jQuery('body.single #secondary').insertBefore('#primary');
}

});

Answer 1

看来您正在使用 jquery，所以我推荐 .resize() 方法。

https://api.jquery.com/resize/

每当调整窗口大小时都会触发此事件。此时您可以让它执行您需要的任何操作。

$(window).resize(function(){
    If (myWindow.width() >= windowThreshold){
        //do all the things...
    }
});