在浏览器窗口调整大小时刷新一些 jquery答案

【问题标题】：Refresh some jquery on browser window resize在浏览器窗口调整大小时刷新一些 jquery
【发布时间】：2012-03-21 10:21:58
【问题描述】：

我正在使用第三方轮播，它可以即时添加行内宽度和高度样式。当浏览器尺寸减小时，该站点使用媒体查询来调整轮播容器的大小。我的问题是必须刷新页面才能进入媒体查询。那么我可以让 jQuery 函数在调整大小时刷新，以便重新计算其宽度/高度吗？

这是 jQuery：

    <script type="text/javascript">

    $(document).ready(function () {

    $("#carousel").featureCarousel({
    // include options like this:
    // (use quotes only for string values, and no trailing comma after last option)
    carouselSpeed:700,
    smallFeatureWidth:0.8, smallFeatureHeight:0.8, sidePadding:0, topPadding:0
    });
    });
    </script>

【问题讨论】：

标签： jquery browser resize refresh

【解决方案1】：

奇怪的是，出于完全相同的原因，我正在搜索重新调整窗口大小时的刷新。我有一个响应式设计的徽标滚动条，当窗口重新调整大小时，图像会堆叠在一起。对此的最佳解决方案如下： 1-将滚动条放在 iframe 中 2-在父页面上使用徽标滚动条向 iframe 添加一个类，并使用 java 在窗口调整大小时刷新 iframe。

【讨论】：

【解决方案2】：

在window 对象上使用resize() 函数：

$(window).resize(function(){
    $("#carousel").featureCarousel({
        // include options like this:
        // (use quotes only for string values, and no trailing comma after last option)
        carouselSpeed:700,
        smallFeatureWidth:0.8, smallFeatureHeight:0.8, sidePadding:0, topPadding:0
    });
});

然后您可以使用$(window).height() 和$(window).width() 获取新尺寸并从那里进行调整。

【讨论】：