调整Divs的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解决方案：check your updated Fiddle