Jquery Flickity滑块没有'；刷新之前我不能工作

我有一个应该看起来不错的页面加载时。但当页面加载时，图像会混搭在一起。只有在我刷新页面一两次后，工作才会顺畅

您可以在此处找到具有意外行为的网站：

代码

$（'.main gallery'）。flickity({
总括：对，
弗里斯克罗尔：是的
});
$（窗口）。加载（函数（）{
$（'.gallery'）.flickity（）.focus（）；
});

任何帮助都将不胜感激！提前谢谢

您忘记使用

$（document）.ready（）

。阅读

具体而言，如果您想绝对确保图像已加载，可以使用：

$(window).load(function () {
    $('.main-gallery').flickity({
        wrapAround: true,
        freeScroll: true,
        lazyLoad: 3
    });
});

这是因为

$（window）.load（）仅在加载DOM和所有图像时执行

此外，可以使用该选项确保加载相邻单元格中的图像。要使其正常工作，请确保滑块中的图像多于页面宽度。有了这些，一切都会好起来的

令人惊叹的。。谢谢，问题解决了@让·保罗
$(window).load(function () {
    $('.main-gallery').flickity({
        wrapAround: true,
        freeScroll: true,
        lazyLoad: 3
    });
});