Javascript 必须刷新才能运行函数

我正在尝试为我的投资组合网站创建一个快速响应的缩略图库。 .gallerythumb是拇指，其默认宽度为25%。理论上，我的jquery将根据页面大小调整缩略图div容器的宽度。它可以工作，但if/else语句只在页面加载时运行，这意味着我必须在调整浏览器大小后刷新页面，才能使其运行。有什么线索吗

    if ($(window).width() < 640) {
   $(".gallerythumb").css("width", "50%");
}
else if ($(window).width() < 260) {
   $(".gallerythumb").css("width", "100%");
  }

if（$（窗口）.width（）<640）{
$（“.gallerythumb”）.css（“宽度”，“50%”）；
}
else if（$（窗口）.width（）<260）{
$（“.gallerythumb”）.css（“宽度”、“100%”）；
}

您可以在函数中移动多媒体资料调整大小代码，然后在窗口调整大小和窗口加载时调用该函数

function resizeGallery() {
   if ($(window).width() < 640) {
       $(".gallerythumb").css("width", "50%");
   }
   else if ($(window).width() < 260) {
       $(".gallerythumb").css("width", "100%");
   }
}

$(window).resize(function () {
    resizeGallery();
});

$(document).ready(function() {
    resizeGallery();
})

function resizeGallery（）{
如果（$（窗口）.width（）<640）{
$（“.gallerythumb”）.css（“宽度”，“50%”）；
}
else if（$（窗口）.width（）<260）{
$（“.gallerythumb”）.css（“宽度”、“100%”）；
}
}
$（窗口）。调整大小（函数（）{
resizeGallery（）；
});
$（文档）.ready（函数（）{
resizeGallery（）；
})

看一看