Question

我正在使用第三方旋转木马，它可以动态添加直线宽度和高度样式。当浏览器大小减小时，该站点使用媒体查询来调整轮播容器的大小。我的问题是必须刷新页面才能进入媒体查询。所以我可以在调整大小时刷新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>

Answer 1

使用resize()对象上的window功能：

$(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()来获取新尺寸并从那里进行调整。

Answer 2

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

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

2 个答案: