调整窗口大小时使用Jquery resize（）

没关系，我解决了。我只需要用$（window.resize（function（））

我在3个div周围有一个容器包装器，它是display inline块。第一个div中的两个具有一定的大小。我要第三个div取左边的宽度。这是我的功能，但它没有像我预期的那样工作

var totalW=$（“.container”）.width（）；
变量w1=$（“.box1”）.width（）；
变量w2=$（“.box2”）.width（）；
var w3=总W-w1-w2-10；
//$（“.box3”）.css（“宽度”，w3）；//此代码不适用于调整大小。
$（“.box3”）.resize（函数（）{
$（“.box3”）.css（“宽度”，w3）；
});
div.container{
宽度=100%；
}
div.container>div{
显示：内联块；
}
第1区{
宽度：20px；
背景：红色；
}
第2分区{
宽度：20px；
背景：绿色；
}
第3分区{
背景：黄色；
}

1.
2.
3.
这不需要js


div.container{
宽度：100%；
}
左分区{
浮动：左；
}
第1区{
宽度：20px；
背景：红色；
}
第2分区{
宽度：20px；
背景：绿色；
}
第3分区{
背景：黄色；
左边距：40px；/*以移动背景色*/
}

1.
2.
3.
首先，您的
div.container
css定义中有一个打字错误。将
=
更改为
：
，应该是这样的：

div.container {
  width: 100%;
}

根据脚本，在调整“
.box3
”div的大小时，尝试更改方框宽度

您可能正在查找
$（窗口）。调整大小
而不是
$（“.box3”）。调整大小
：

$(window).resize(function() {
    $(".box3").css({"width": w3});
});

您可能还希望在调整大小时更新变量的值：

$(window).resize(function() {
    totalW = $(".container").width();
    w1 = $(".box1").width();
    w2 = $(".box2").width();
    w3 = totalW - w1 - w2 - 10;
    $(".box3").css({"width": w3});
});