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();

} );

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

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

jQuery | Using globals variables in this small snippet

variables

jquery

global