我正在尝试为我的作品集网站创建一个响应式缩略图库。 .gallerythumb 是拇指,它的默认宽度是 25%。理论上,我的 jquery 会根据页面的大小调整缩略图 div 容器的宽度。它有效,但 if/else 语句仅在页面加载时运行,这意味着我必须在调整浏览器大小后刷新页面才能运行。知道发生了什么吗?
if ($(window).width() < 640) {
$(".gallerythumb").css("width", "50%");
}
else if ($(window).width() < 260) {
$(".gallerythumb").css("width", "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();
})
关于javascript - 必须刷新才能运行功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29788626/