javascript - 关于如何编写 window.resize 函数的一些建议？

Question

我正在尝试编写一个函数，在调整浏览器窗口大小时调整某些元素的 css 宽度，现在我似乎没有把事情做好，如果有人能帮助我解决我出错的地方，我会很高兴的，到目前为止我的代码是:

function windowResize() {
            $('#content').css('width', $windowWidth);
            $('#div.mySection').css('width', $windowWidth);
            $('#div.mySection .story').css('width', $windowWidth);
        }

$(document).ready(function() {

            var $windowWidth = $(window).width();               

            $(window).resize(function() {
                windowResize();
            });

        });

我不确定我是否将所有内容都放在了正确的位置，如果有人可以建议我如何使这段代码变得更好，那就太好了。

谢谢 凯尔

Answer 1

您正在缓存 $windowWidth 一次，因此它将始终是相同的值。将 var $windowWidth = $(window).width(); 移到 windowResize 函数的开头，您的代码将起作用。