jQuery |在这个小片段中使用全局变量

我想全局使用这些变量。 调整大小功能不起作用。除非我复制变量。 我想在文档就绪函数中使用此代码

谢谢你的帮助

    var pageWidth       = $('#page').width(),
        pageWidthFifth  = pageWidth / 5,
        wrapAndSidebar  = $('#sidebar-wrap, #sidebar');

    wrapAndSidebar.width(pageWidthFifth);


    $(window).resize(function(){

        wrapAndSidebar.width(pageWidthFifth);

    });

---

只需将所有内容包装在函数中：

function resizeSidebar() {

    var pageWidth   = $('#page').width(),
    pageWidthFifth  = pageWidth / 5,
    wrapAndSidebar  = $('#sidebar-wrap, #sidebar');

    wrapAndSidebar.width(pageWidthFifth);

}

resizeSidebar();

$( window ).resize( function() {

    resizeSidebar();

} );

---

请注意，我没有在浏览器中测试这段代码，但这几乎是您必须做的。其想法是，所有变量都将在屏幕上重新填充，并使用它们的当前值而不是原始值调整大小。

很难说没有看到HTML标记，但我假设您希望根据

#页面

元素的宽度更改侧边栏的宽度？如果是这种情况，则必须在本地内容中定义这些变量，例如在函数中。目前，它们在页面加载时被填充，并且一直保持不变。是的，我想这样做。只是想知道如何解决这个问题，而不是在resize函数中复制和粘贴变量。