jquery - 为什么带有 .resize() 的这段代码在 jquery 中不起作用？

Question

控制台日志有效，但是 CSS 没有改变，为什么？重新加载时设置的 CSS 也有效，但.resize()与 CSS 无关，为什么？

(function(){ 
   var winH = $(window).height(),
       winW = $(window).width()

    $('.frame').css({   
       'width' : winW - 77,
       'height' : winH
    });   

   $(window).resize(function() {
       $('.frame').css({    
           'width' : winW,
           'height' : winH
       });

       console.log(winW);
   });

})();

Answer 1

您需要读取调整大小处理程序中的高度和宽度，以便在调整窗口大小时更新它

(function ($) {
    $(window).resize(function () {
        var winH = $(window).height(),
            winW = $(window).width()
            $('.frame').css({
                'width': winW,
                    'height': winH
            });

        console.log(winW);
    }).resize();
})(jQuery);