Javascript 将div的高度更改为浏览器窗口高度,使浏览器高度大于x

Javascript 将div的高度更改为浏览器窗口高度,使浏览器高度大于x,javascript,jquery,Javascript,Jquery,嗨,我希望有人能解释我做错了什么: var winHeight = $(window).height(), minHeight = 900, Height = 900; $(document).ready(function () { if (winHeight < MinHeight) { Height = minHeight; } else { Height = winHeight; } $('div.page').css('height', wi

嗨,我希望有人能解释我做错了什么:

 var winHeight = $(window).height(),
 minHeight = 900,
 Height = 900;

 $(document).ready(function () {

 if (winHeight < MinHeight) {
     Height = minHeight;
 } else {
     Height = winHeight;
 }
 $('div.page').css('height', winHeight + 'px');
});


 $(window).resize(function () {
 if (winHeight < MinHeight) {
     Height = minHeight;
 } else {
     Height = winHeight;
 }
 $('div.page').css('height', winHeight + 'px');

});
var winHeight=$(窗口).height(),
最小高度=900,
高度=900;
$(文档).ready(函数(){
如果(winHeight
在我的页面上,我有多个类为“page”的div。 我试着把它们的高度设置为浏览器窗口的大小,除非浏览器窗口小于900,否则我希望它们的高度为900px


我猜这是个语法问题。特别是因为我是jquery和javascript的新手(我今天才开始使用它)。

问题是当窗口调整大小时,winHeight的值永远不会改变。我想知道“高度”这个变量用在哪里

代码应为:

$(document).ready(function () {  
  $(window).resize(function () {
    var winHeight = $(window).height(),
    minHeight = 900,
    Height = 900;
    if (winHeight < minHeight) {
       Height = minHeight;
    } else {
       Height = winHeight;
    }

    $('div.page').height(Height);
  });
});
$(文档).ready(函数(){
$(窗口)。调整大小(函数(){
var winHeight=$(窗口).height(),
最小高度=900,
高度=900;
如果(winHeight
有意义吗?

您必须在调整大小事件上调用
$(window).height()
,以便响应当前窗口大小。你可以这样做:

$(document).ready(function () {
    //Call the method one time
    updateWindowSize();
    //Subscribe the method to future resize events
    $(window).resize(updateWindowSize);

    //updateWindowSize inside a closure to hide 'minHeight'
     var updateWindowSize = (function(){
        var minHeight = 900;

        //Actual updateWindowSize function
        return function(){
            var winHeight = $(window).height();
            var newHeight = winHeight < minHeight ? minHeight : winHeight;
            $('div.page').height(newHeight);
        }
     })();
});
$(文档).ready(函数(){
//调用该方法一次
updateWindowSize();
//订阅该方法以适应将来的调整大小事件
$(窗口)。调整大小(更新窗口大小);
//在闭包内更新Windows大小以隐藏“最小高度”
var updateWindowSize=(函数(){
var最小高度=900;
//实际updateWindowSize函数
返回函数(){
var winHeight=$(window.height();
var newHeight=winHeight
发生了什么?什么是“it”?出于对jquery和函数的好奇,变量需要在函数中声明还是可以包含在函数之外?这不是jquery特有的问题,而是一个基本的Javascript内容。我想你们应该读一下这篇文章,看看我的答案,弄清楚变量作用域在这里是如何使用的。谢谢你们在尝试了这个答案之后,因为某种原因,它似乎不起作用。有什么建议吗?如果有帮助的话,我的html代码基本上是“谢谢你,因为某种原因,我试着回答了,但它似乎不起作用。”。有什么建议吗?我还注意到行
var winHeight=$(window.height()有2个
但是我不认为这会有什么不同。你能发布你的HTML来试试吗?