jQuery:窗口调整大小的函数问题
jQuery:窗口调整大小的函数问题
提问于 2013-11-19 14:36:29
我有一段代码，它运行得很好：
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() {
});
});..。但不知怎么的，这根本行不通。知道我做错什么了吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-11-19 14:47:00
你想得太多了。
$(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
});Stack Overflow用户
发布于 2013-11-19 14:44:32
您的功能非常正常，请尝试调整窗口大小并检查控制台。它很好用。测试项目的其余部分
$(document).ready(function(){
$(window).resize(function() {
console.log("width------:"+$( window ).width() +" height------:"+$(window).height())
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20074353
复制相关文章
相似问题
腾讯云开发者
