JQuery: Window функция изменения размера выдает

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()) 
    }); 
});