使用resize()方法使用js实时调整大小并查看结果

时间:2014-01-11 03:55:16

标签: javascript jquery css

window.onresize = function(event) {
    boxes = $('.heightHack');
    maxHeight = Math.max.apply( Math, boxes.map(function() {
        return $(this).height();
    }).get());
    boxes.height(maxHeight);
}

我使用了jquery onresize,但我仍然需要刷新才能看到我的结果。以上是我的身高攻击的演示之一。我的问题是如何看到即时或实时结果以及用户的事件 - 调整窗口大小。

1 个答案:

答案 0 :(得分:0)

$(window).resize(function() {
    $('#resizeText').text('Width: ' + $(this).width() + ', Height: ' + $(this).height());
});
你是说这个意思吗? http://jsfiddle.net/sing0920/yKUyM/