jquery - jquery メディア クエリで実装された関数をリセットするにはどうすればよいですか

Question

ブラウザ ウィンドウのサイズを 1024 未満に変更する機能を実装しました。ブラウザのサイズを縮小すると問題なく動作しますが、ブラウザ ウィンドウを 1024 を超えるサイズに戻すと、新しく導入された機能が残ります。この機能を削除またはリセットするにはどうすればよいですか?

$(window).resize(function() {
var width = $(window).width();

// Define Screen
if( width >= 768 && width <= 1024 ) {
// Do Something
    $(function() {
// Move
$("article img").each(function() {
    var item = $(this);
    item.insertAfter(item.next());
});        
});
} 


});

Answer 1

よくわかりませんが、画像を移動しています。元の状態に戻すには、画像を元に戻す必要がありますか?

$(function() {
    $(window).on('resize', function() {
        var width = $(window).width();

        if ( width >= 768 && width <= 1024 ) {

            $("article img").each(function() {
                var item = $(this);
                item.insertAfter(item.next());
            });        
        }else{
            $("article img").each(function() {
                var item = $(this);
                item.insertBefore(item.prev());
            });        
        }
    });
});