我该如何重置一个用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()); 
      });   
     } 
    }); 
});