载入页面时，滑动器“居中自动”保持跳转到最后一张图像

Question

使用Swiper“居中自动”功能时，我遇到了一些奇怪的问题。幻灯片放映时应将第一幅图像（杂志封面照片）居中放置，并且所有图像以条状显示并排显示。 请参阅示例页面：http://dev4.frecklesstudio.com/press.php?p=18

问题是页面加载时，Swiper会跳至最后一张图像。此问题在初始页面加载时发生，并在刷新页面后消失，但是通常当您返回页面时，它会再次发生。我不知道为什么吗？请帮忙！

Answer 1

如果稍后初始化刷卡器，似乎效果很好。您能像这样把它扔到准备好的文档中吗？

$(document).ready(function(){ var swiper = new Swiper('.swiper-container', {
  slidesPerView: 'auto', centeredSlides: true, spaceBetween: 3, delay: 2500, speed: 1000, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); 
});