首页 > 解决方案 > mySwiper 的第一次加载不显示空格,调整大小后工作正常

问题描述

我使用 MeteorJs 和 nolimits4web:swiper

页面的第一次加载不显示边距,也没有正确放置幻灯片,但是如果转到另一个页面并返回,或者如果我调整页面大小,一切正常。

-> 如果重新加载页面,它会再次破坏它。

滑块似乎在加载我的数据或类似的东西之前初始化,但即使等待订阅似乎也没有解决任何问题。

任何想法 ?

Template.search.onRendered(function() { var mySwiper = new Swiper ('.swiper-container', { loop: false, spaceBetween: 30, slidesOffsetBefore: 20, slidesPerView: 'auto', grabCursor: true, slidesOffsetAfter: 30, }); });

在此处输入图像描述

在此处输入图像描述

标签: swiper

解决方案


添加:observer: true 和 observeParents: true 解决了这个问题。


推荐阅读