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

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

HTML@H_944_2@

JS@H_944_2@

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@L_696_4@时,swiper无法工作,直到我打开firebug或调整@L_696_4@大小(http://vidznet.com/ng1/swiper/swipe.html)我不确定它是否在初始化时发生冲突因为控制台中没有错误.@H_944_2@

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

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

但仍然是一样的,@H_944_2@

我还添加了以下代码@H_944_2@

swiper.updateContainerSize();

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

任何帮助都感激不尽.@H_944_2@