javascript - 关于调整 Div 大小的 Javascript 问题

Question

请问是否有人可以查看此 c0de 并告诉我为什么它不起作用。这相当简单，我需要计算潜水大小，因为我希望它根据页面宽度相应地调整大小。将 Div1 和 Div3 保持在固定大小，并为 Div2 动态设置。

小提琴在这里：http: //jsfiddle.net/yMcXm/89/

非常感谢

$(document).ready(function() {
var cw = $('#container').width();
var d1 = $('#d1').width();
var d3 = $('#d3').width();
$(".d2").width(cw-d1-d3);


$(window).resize(function() {
var cw = $('#container').width();
var d1 = $('#d1').width();
var d3 = $('#d3').width();
$(".d2").width(cw-d1-d3);
});
});

Answer 1

您应该将您的 JS 更改为此（错误的选择器（您使用#(id) 而不是.(class)））。

$(document).ready(function() {
var cw = $('#container').width();
var d1 = $('.d1').width();
var d3 = $('.d3').width();
$(".d2").width(cw-d1-d3);


$(window).resize(function() {
var cw = $('#container').width();
var d1 = $('.d1').width();
var d3 = $('.d3').width();
$(".d2").width(cw-d1-d3);
});
});

您还应该注意边距和填充$(".d2").width(cw-d1-d3-12);！

[编辑] 为什么不使用 CSS 解决方案：检查您更新的 Fiddle