Window height jquery function returns undefined value

Question

$(window).height(); returns no values says its undefined.

                         var modalHeight = $(window).height();

                        $('.inside-body-wrapper').css("max-height",modalHeight);
                        $('.overlay').css("height",modalHeight);
                        $('.modal').css({
                            display: "block",
                            height: modalHeight
                        });

Answer 1

You can use..

$(document).ready(function() {     

  var wt = $(window).width();
  var ht = $(window).height();
  ....
  ....    
});

Answer 2

The reason is clear if you think about what jquery actually does, it's returning the height style property for whatever you give the selector. As window doesn't have that it will be undefined.

You could instead try using window.outerHeight or window.innerHeight to get those properties instead which could be useful.

Answer 3

您可以使主体标记为100％高度，然后获得主体的高度而不是窗口的高度。