如何在jQuery中获得相同宽度的div？

Question

当窗口宽度小于1200px时，我正在使用这个JQuery将div设置为与另一个相同的宽度，并且无法弄清楚我正在制造什么错误。

var width = $('.creative').outerWidth();

if ($(window).width() < 1200){

    $('#right-child').css('width', width);
}else{
    console.log('more than 1200');
};

Answer 1

尝试将值与单位名称连接。

$('#right-child').css('width', width + 'px');

Answer 2

猜猜我知道问题是什么，你的代码是对的！但是......如果你用浏览器的宽度测试这些代码，那么什么都不会改变。您需要添加 .resize 事件（https://api.jquery.com/resize/），就是这样！

$(window).resize(function(){

        console.log('resize!');
        var width = $('.creative').outerWidth();
        if ($(window).width() < 1200){
            $('#right-child').css('width', width);
        }else{
            console.log('more than 1200');
        };

    });

如果问题仍然存在，请告诉我。