javascript – 除非页面调整大小,否则Swiper滑块无法正常工作

我试图将Swiper插件添加到我的一个页面.我试图实现的是整合在这里获得carousal滑块http://idangero.us/swiper/demos/05-slides-per-view.html

HTML

JS

var swiper = new Swiper('.swiper-container',{
        pagination: '.swiper-pagination',slidesPerView: 3,paginationClickable: true,spaceBetween: 30,// Navigation arrows
    nextButton: '.swiper-button-next',prevButton: '.swiper-button-prev',});

当我将它添加到小提琴时它可以工作但是当我添加到我的html页面时,swiper无法工作,直到我打开firebug或调整页面大小(http://vidznet.com/ng1/swiper/swipe.html)我不确定它是否在初始化时发生冲突因为控制台中没有错误.

花了一些时间后,我认为它可能是一个jquery问题,并将编码包装在一个

pagebeforecreate

 $(document).on( "pagebeforecreate","#new_",function( event ) { 

但仍然是一样的,

我还添加了以下代码

swiper.updateContainerSize();

这应该更新容器大小,但仍然无法正常工作.

任何帮助都感激不尽.

最佳答案

使用此代码：

swiper.update();

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。