jQuery(window).width on resize语句无法正常工作

时间:2018-01-19 08:29:41

标签: javascript jquery html css

我根据容器调整了图像函数的大小,但是如果我调整浏览器窗口的大小,则else语句在784xp上提前工作。当我从设备工具栏(Ctrl + SHIFT + M)调整resposive模式时,可以。这是正常的,或者不是我的功能有什么变化?另一个问题是< 768px其他在刷新之前没有工作。

$(document).ready(resizeImg);
$(window).resize(resizeImg);

    function resizeImg(){
        var img = $('.box-image');
        var box = $('.box');
        var boxHeight = $(box).innerHeight();
        if ($(window).width() > 767) {
            $(img).height(boxHeight)
        }
        else {
            $(img).css({ 'height' : 'auto' });
        }
    }

1 个答案:

答案 0 :(得分:0)

如果我理解正确,你需要添加一个能够实时检测窗口更改的功能,你可以试试这个

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

我希望这对你有用