调整窗口大小时调整元素宽度的jQuery方法

Question

在页面加载时，我用jq计算元素的宽度，效果很好，但尝试在窗口调整大小时自动化却不起作用。期望的效果是：盒子应该在窗口调整大小时自动调整大小，而不会下降。

http://jsfiddle.net/yMcXm/4/

任何帮助都受到赞赏。谢谢！

- Benn

Answer 1

请尝试使用$(window).resize，具体请参见下文：

$(document).ready(function() {
    var cw = $('#container').width();
    $(".box").width(cw / 5);

    $(window).resize(function() {
        var cw = $('#container').width();
        $(".box").width(cw / 5);
    });
});

还使用了overflow属性在container和box_in上，以便元素/文本被包含/隐藏...而不是超出。

演示: http://jsfiddle.net/skram/yMcXm/7/

- Selvakumar Arumugam

---

当然了。我没有注意到。 - Benn