根据用户的屏幕宽度，如果图像小于220像素，我希望将classmobile添加到h3。它本身可以正常工作，但我也希望它与窗口调整大小一起工作。因此，如果我调整浏览器窗口的大小，如果图像宽度小于220px，它将自动添加该类。我在下面编写了此代码，但是我无法弄清楚出了什么问题。当我调整窗口大小时，不会添加该类。当我刷新时，将添加该类。
var thumbWidth = $('article.project > img').outerWidth();
function adjustTitle() {
if (thumbWidth <= 220) {
$('.overlay > h3').addClass('mobile');
}
}
$(window).on('resize', function() {
adjustTitle();
});
您需要检查的宽度img 里面的adjustTitle()功能，因此，它被读取后，窗口大小。您当前的代码仅在加载时读取它，因此该值在您的JS中从未见过变化。试试这个：
function adjustTitle() {
if ($('article.project > img').outerWidth() <= 220) {
$('.overlay > h3').addClass('mobile');
}
}
$(window).on('resize', adjustTitle);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句