Question

我正在使用flexslider，我正在通过类似下面的jquery来计算另一个元素的高度/ posn。 .flexslider ul li img虽然不起作用。我需要确保flexslider幻灯片已完全加载，以便我可以测量它的高度，但我无法定位它。我已经使用setTimeout()证明了这个概念，但是我不知道图像在任何给定服务器上加载需要多长时间，因此我想让它取决于flexslider是否在它的最终尺寸。我怎样才能做到这一点。

回调（来自文档）：我在文档页面中看到start: function(){}是一个属性“当滑块加载第一张幻灯片时触发”但是我现在不知道如何使用它。我想这可能是一个更好的解决方法。

var resizeBackground = $('.flexslider ul li img').load(function(){

 $('.home .skin-background').css({
     'display': 'block',
     'height': $fpTop.outerHeight(true) + $quickBar.height() - 1 + 'px',
 });

});

$(window).load(resizeBackground).resize(resizeBackground);

Answer 1

我最终做的事情有点复杂，因为我也想要调整大小的代码，但基本上我最终把上面的代码放到一个函数中，而不是调用加载我从我实例化的flexslider这样调用它

$('.flexslider').flexslider({

    ... etc ...

    start: function(slider){

    ... etc ...

        sizeSkin(); // This is the function that I put the code in

    }
});

检测flexslider何时加载第一张幻灯片

1 个答案: