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

Question

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

感谢您的帮助。

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

    wrapAndSidebar.width(pageWidthFifth);


    $(window).resize(function(){

        wrapAndSidebar.width(pageWidthFifth);

    });

Answer 1

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

function resizeSidebar() {

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

    wrapAndSidebar.width(pageWidthFifth);

}

resizeSidebar();

$( window ).resize( function() {

    resizeSidebar();

} );

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