javascript - 为什么不更新这个元素的宽度？查询？

Question

我有这个页面:

link

代码 JS:

jQuery(document).ready(function ($) {
    var windowsize = $(window).outerWidth();   
    var stanga= jQuery('#secondary').outerWidth();
    var dreapta= jQuery('.right').outerWidth();
    var contentwh=windowsize-stanga-dreapta;
    $('#main-content').css('width',contentwh); 
});

我尝试过这里的一切在调整大小功能中都是一样的。

$(window).on('resize',function(){
var contentwh=windowsize-stanga-dreapta;
console.log('laatime content:',contentwh);
$('#main-content').css('width',contentwh);
});

不幸的是没有更新宽度...保持与最初相同，它应该在调整窗口大小时发生变化。

你能告诉我问题是什么以及为什么这段代码不起作用吗？

提前致谢!

Answer 1

您尚未在调整大小函数中定义windowsize、stanga 或dreapta。

它们一开始就不是全局变量，即使是，它们仍然会有它们的旧(调整大小前)值。