jquery - ウィンドウのサイズ変更で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トリガーを使用できます