Question

我有这段代码真的很好用：

的jQuery

$(document).ready(function(){

   $(".fadeinbg").click(function(){
      $("#content").fadeIn();
   });

   var height = $(window).height();
   var width = $(window).width();
   $('#content').css({"min-height": height + "px"});

   $('#content').css({"width": (width - 200) + "px"});
});

我现在想要实现的是在浏览器窗口调整大小后通过在我的代码底部添加以下行来更新jQuery：$(window).resize()

的jQuery

$(document).ready(function(){

   $(".fadeinbg").click(function(){
      $("#content").fadeIn();
   });

   var height = $(window).height();
   var width = $(window).width();
   $('#content').css({"min-height": height + "px"});

   $('#content').css({"width": (width - 200) + "px"});

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

......但不知何故，这根本不起作用。我有什么想法吗？

Answer 1

你正在思考它。

$(document).ready(function(){

   $(".fadeinbg").click(function(){
       $("#content").fadeIn();
   });

   var setSize = function () {  //define a function with the code you want to call    
       var height = $(window).height();
       var width = $(window).width();
       $('#content').css(
           { 
               "min-height": height + "px", 
               "width": (width - 200) + "px" 
           }
       );
   };

   $(window).resize(setSize);  //set the function to resize
   setSize();  //call the function now
});

Answer 2

您的功能非常有用尝试调整窗口大小并检查控制台。它工作正常。测试项目的其余部分

$(document).ready(function(){
    $(window).resize(function() {
        console.log("width------:"+$( window ).width() +" height------:"+$(window).height())
    });
});

jQuery：窗口调整大小函数问题

2 个答案: