Question

我在我的网站上使用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上调用它。

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

Answer 1

这对我来说非常适合。

<select name="profile1" id="profile1" >
        <option value="1">Delhi</option>
        <option value="2">Mumbai</option>
        <option value="3">Kanpur</option>

    </select>

<select name="profile1" id="profile2" >
        <option value="1">Delhi</option>
        <option value="2">Mumbai</option>
        <option value="3">Kanpur</option>

    </select>

<select name="profile1" id="profile3" >
        <option value="1">Delhi</option>
        <option value="2">Mumbai</option>
        <option value="3">Kanpur</option>

    </select>

Answer 2

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

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

Flexslider没有正确调整大小

2 个答案: