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

【问题标题】：re-query window size upon resizing调整大小时重新查询窗口大小
【发布时间】：2018-09-25 05:45:24
【问题描述】：

我有点卡在这里。我有以下脚本，它采用窗口宽度并创建了一个漂亮的 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);

【问题讨论】：

你可以使用resize事件
当我添加调整大小事件时，它只读取调整大小，但文档准备就绪不再起作用。关于两者结合的任何提示？抱歉 newby JS-wise..

标签： jquery resize width

【解决方案1】：

您可以在调整大小时获取窗口的宽度，如下所示：

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

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

【讨论】：

我可能很傻，但我只能调整大小或准备好文档......但似乎无法合并它。
如果我正确理解您的评论，这可能就是您想要的？
感谢您的回复。似乎仍然不起作用，但我想我只是在这里遗漏了一些东西......不过感谢您的帮助。非常感激。 remcovanessen.co.uk/lb

【解决方案2】：

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

【讨论】：