Javascript 当以指定大小交换大小图像时，如何正确使用jQuery location.reload（）函数

当浏览器窗口大小=1024px时，则相反。当满足这些条件时，如何合并一次重新加载。到目前为止，我已经让它不断重新加载，或者在控制台中出现错误。对于js和jQ来说，我还是个新手。谢谢

<script type="text/javascript"> 
      $(function() {     
        if($(window).width() <= 1023) {
          $("img").each(function() {
            $(this).attr("src", 
$(this).attr("src").replace("images/big/carousel/", "images/small/carousel/"));         

          });
        }    
      });    

      $(function() {     
        if($(window).width() >= 1024) {
          $("img").each(function() {
            $(this).attr("src", 
$(this).attr("src").replace("images/small/carousel/", "images/big/carousel/"));         

          });
        }    
      }); 
</script>

$（函数（）{
如果（$（窗口）.width（）=1024）{
$（“img”）。每个（函数（）{
$（this.attr（“src”），
$（this.attr（“src”）.replace（“images/small/carousel/”，“images/big/carousel/”）；
});
}    
}); 

如果只想更改加载的img，则无需使用

location.reload（）

函数。目前，它应该根据宽度改变什么？只有图像？谢谢你的回复。是的，只是大屏幕和手机之间的图像交换。当我更改浏览器窗口时，我注意到，如果不刷新，图像分辨率不会自动交换。所以，只需要弄清楚当浏览器窗口点击这些点时如何重新加载一次。