调整大小时重新查询 window 大小

Question

我有点卡在这里。我有以下脚本，它采用 window 宽度并创建了一个漂亮的 100% 宽度滑块。但是，当我刷新时，它使用原来的 window 宽度，所以它会例如显示原来的 600px 而不是新的 700px 宽度。知道如何在调整大小时查询 window 吗？我似乎无法让它工作。

//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

您可以像这样在调整大小时获得 window 的宽度：

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

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

Answer 2

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

调整大小时重新查询 window 大小

re-query window size upon resizing

jquery

resize

width