在窗口调整大小jquery上调整元素宽度

时间:2012-06-11 16:40:00

标签: jquery window-resize onresize

我使用jq计算页面加载时的元素宽度并且工作正常,尝试在窗口调整大小时自动执行但有点不起作用。期望的效果:框应该在窗口调整大小时自动调整大小而不是下拉。

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

任何帮助表示赞赏。谢谢!

1 个答案:

答案 0 :(得分:5)

尝试$(window).resize见下文,

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

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

还在containerbox_in上使用了溢出属性,因此内部的元素/文本被包含/隐藏..而不是外出。

DEMO http://jsfiddle.net/skram/yMcXm/7/