Javascript 在调整大小时更改变量？

我试图使

containerHeight

变量根据浏览器的宽度而变化。这是我到目前为止所拥有的，但即使在阅读了文档之后，我也不确定如何继续。有人能帮我吗

var containerHeight = $('#project-container').outerHeight();
window.onresize = containerHeight;
$('#project-wrapper.activated').css('max-height', containerHeight);

在末尾加上“px”。或者“他们”，不管你用什么

$(window).on('resize', function() {
    var containerHeight = $('#project-container').outerHeight();
    $('#project-wrapper.activated').css('max-height', containerHeight + 'px');
});

在末尾加上“px”。或者“他们”，不管你用什么

$(window).on('resize', function() {
    var containerHeight = $('#project-container').outerHeight();
    $('#project-wrapper.activated').css('max-height', containerHeight + 'px');
});

在末尾加上“px”。或者“他们”，不管你用什么

$(window).on('resize', function() {
    var containerHeight = $('#project-container').outerHeight();
    $('#project-wrapper.activated').css('max-height', containerHeight + 'px');
});

在末尾加上“px”。或者“他们”，不管你用什么

$(window).on('resize', function() {
    var containerHeight = $('#project-container').outerHeight();
    $('#project-wrapper.activated').css('max-height', containerHeight + 'px');
});

---

我要做的是为窗口调整大小事件添加一个事件侦听器：

window.addEventListener( 'resize', onWindowResize, false );

然后在回调中更改该变量：

function onWindowResize() { }

---

我要做的是为窗口调整大小事件添加一个事件侦听器：

window.addEventListener( 'resize', onWindowResize, false );

然后在回调中更改该变量：

function onWindowResize() { }

---

我要做的是为窗口调整大小事件添加一个事件侦听器：

window.addEventListener( 'resize', onWindowResize, false );

然后在回调中更改该变量：

function onWindowResize() { }

---

我要做的是为窗口调整大小事件添加一个事件侦听器：

window.addEventListener( 'resize', onWindowResize, false );

然后在回调中更改该变量：

function onWindowResize() { }