swiper - 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,
});
});
解决方案
添加:observer: true 和 observeParents: true 解决了这个问题。
推荐阅读
- java - 如何动态地从 JSON 文件中获取数据
- ansible - 从变量集构建的 Ansible 循环
- node.js - Node.js protobuf 包括
- angular - 类型“TypedAction”上不存在属性“有效负载”。我如何从ngrx 效果访问action.payload?
- python - 通过 python 将 csv 文件插入 MySQL。运行但数据未填充到表中
- node.js - React - 使用上下文传递数组变量,但是当有更新时,组件接收数组变量不会重新渲染
- android - 完成 Kotlin 中的异步调用列表
- javascript - 动漫交错乱序?
- javascript - 切换选项卡导航时关闭组件
- python - ModuleNotFoundError:没有名为“深度安全”的模块