javascript - 试图在代码的其他部分使用在函数中创建的变量

Question

我试图返回一个在 jQuery 调整大小事件的参数中的函数内部创建的变量。每次用户调整页面大小时都应更新该变量。我想使用变量来制作 div ('.slide') 的宽度。因此，每次用户调整浏览器大小时，我都希望 .slide 元素具有浏览器的宽度。

$(window).resize(function(){
        var windowwidth = $(window).outerWidth();
        return windowwidth;
    }) 

我想使用窗口宽度

//To make each slide the width of the window 
var slideWidth = $('.slide').css("width", windowwidth)

我将在这里使用 slideWidth

$('.slide').css('width', slideWidth);

我可能想在其他地方使用windowwidth

我尝试使用 100% 的宽度，但我无法 float 100% 的左侧图像。我试图制作占据整个页面宽度的幻灯片。

Broken fiddle

伙计们感谢您的回答，但我看到的一些答案并没有展示我如何在代码的其他部分使用宽度。你只显示调整大小的部分。但是还有另一部分 moveSlide() 在大多数答案中没有得到宽度。到目前为止，我在大多数答案中看到的是它不可重用。

Answer 1

这就是您要查找的内容，您无需全局声明 slideWidth。使用 $(window).width() 在调整大小时查找当前窗口宽度。工作 fiddle .