如果那么，在窗口上移動div調整大小

Question

我試圖在窗口調整大小時移動一些div，如果那么聲明工作不應該這樣：

$(window).resize(function() {
if ($(window).width() < 1024) {
    $('.div1').insertAfter('.div2');
}
else ($(window).width() > 1024) {
    $('.div1').insertBefore('.div2');
}
});

此外，我可以在使用.resize或首次加載頁面時加載頁面時觸發此操作嗎？

Answer 1

其他陳述不能附加條件。

else ($(window).width() > 1024) {
    $('.div1').insertBefore('.div2');
}
});

必須

else {
    $('.div1').insertBefore('.div2');
}
});

如果您在頁面加載期間不想調用它，可以將其放入函數中並在調整大小和頁面加載時調用該函數。

Answer 2

嘗試這個

$(window).resize(function() {
if ($(window).width() < 1024) {
    $('.div1').insertAfter('.div2');
}
else{
    $('.div1').insertBefore('.div2');
}
});

你可以使用jquery 觸發器