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 trigger

如果那么，在窗口上移动div调整大小

2 个答案: