为什么带有.resize（）的代码在jquery中不起作用？

Question

控制台日志有效，但CSS没有改变，为什么？ 此外，重新加载的CSS设置有效，但与CSS相关的.resize()不起作用，为什么？

(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

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

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

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