如何重置使用 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());
            });        
        }
    });
});