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来试试吗?