Flexslider 未正确调整大小答案

【问题标题】：Flexslider not resizing properlyFlexslider 未正确调整大小
【发布时间】：2017-05-12 05:55:54
【问题描述】：

我在我的网站上使用 Flexslider。但是当我调整屏幕大小或旋转手机时，Flexslider 无法正确调整滑块大小。

我看到了 Woothemes 的文档，带有网格功能，但它不能 100% 工作。有人知道为什么吗？

我的 flexslider 函数如下所示：

flexslider = { vars:{} };

startLogos = function(){
    $('.logos .flexslider').flexslider({
        animation: "slide",
        animationLoop: false,
        itemWidth: 200,
        itemMargin: 20,
        directionNav: true,
        controlNav: false,
        minItems: getGridSize(), // use function to pull in initial value
        maxItems: getGridSize(), // use function to pull in initial value
        start: function(slider){
            flexslider = slider;
        }
    });
};

我的网格如下所示：

getGridSize = function() {
    return (window.innerWidth < 600) ? 1 :
           (window.innerWidth < 768) ? 2 :
           (window.innerWidth < 1024) ? 3 : 4; 
}

我有一个变量：

var $window = $(window)

当然，在 $window.load 上我调用 startLogos 函数，在 $window.resize 上我再次调用它。

当我在 iPad 上的 Safari 上测试它时，效果很好！一切正常，但在桌面浏览器和 Android 设备上..（grr！）

【问题讨论】：

标签： jquery css flexslider

【解决方案1】：

这对我来说很完美。

$(window).bind('resize', function() { 
   setTimeout(function(){ 
       var slider = $('.flexslider').data('flexslider');   
       slider.resize();
   }, 500); 
});

【讨论】：

【解决方案2】：

不要为这个页面工作 - https://findexpert.es/events/spain/catalonia/girona/events-in-spain/festival-cvetov-v-girone/ ...

jQuery('#geodir_slider').data('flexslider').resize()

【讨论】：

这个答案可以用一些完整的句子。