调整大小时重新查询窗口大小

Question

我有点卡在这里。我有以下脚本，它采用窗口宽度并创建一个漂亮的100％宽度滑块。但是，当我刷新时，它使用原始窗口宽度，因此它将例如显示原始600px而不是新的700px宽度。知道如何在调整大小时查询窗口吗？我似乎无法让它发挥作用。

//current position
var pos = 0;
//number of slides
var totalSlides = $('#slider-wrap ul li').length;
//get the slide width
var sliderWidth = $('#slider-wrap').width();


$(document).ready(function(){


/*****************
 BUILD THE SLIDER
*****************/
//set width to be 'x' times the number of slides
$('#slider-wrap ul#slider').width(sliderWidth*totalSlides);

Answer 1

您可以在调整大小时获得窗口宽度：

$(document).ready(function(){
    var windowWidth = $(window).width();

    $(window).resize(function() {
      windowWidth  = $(window).width();
    })
})

Answer 2

我最后添加了$(window).resize(function(){location.reload();});