Swiper中文论坛

标题: 使用avalon动态读取ajax的数据，swiper显示出错 [打印本页]

作者: jieshendada 时间: 2016-2-29 14:57
标题: 使用avalon动态读取ajax的数据，swiper显示出错
设置swiper,代码如下，图片读取不了
html:<div class="swiper-container" >
<div class="swiper-container" >
      <div class="swiper-wrapper">
         <div class="swiper-slide" ms-repeat="data.banners">
            <a ms-attr-href="{{el.url}}"> <img ms-attr-src="{{el.image}}" style="width: 100%" ></a>
         </div>
      </div>
</div>
</div>
JS:var swiper = new Swiper('.swiper-container',  {
pagination: '.swiper-pagination',
/*paginationClickable: true,//点击小点*/
autoplay: 3000,//可选选项，自动滑动
centeredSlides: true,
autoplayDisableOnInteraction : false,
longSwipesRatio: 0.3,
touchRatio:1,
observer:true,//修改swiper自己或子元素时，自动初始化swiper
observeParents:true,//修改swiper的父元素时，自动初始化swiper
});

作者: an2lin 时间: 2022-9-2 17:09
为啥你两层swiper-pagination？

作者: an2lin 时间: 2022-9-2 17:12
我用avalon, 使用route, 有个问题：<li>进行ms-repeat出来的页面，进行swiper设置slidesPerView:5, 但是无法翻页，nextButton: '.swiper-button-next' 和 prevButton: '.swiper-button-prev' 两个按钮都被自动添加了 swiper-button-disabled

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)