之前写移动端的H5的时候,需求有一个轮播图,就用了swiper,用法什么的都很简单,就是在ajax调接口获取轮播图的图片什么的之后,swiper的什么滑动之类的效果都失效了,后来解决的方法就是在ajax请求回来数据之后,进行swiper的初始化,整个页面就只用初始化这一次就好,代码如下:
代码
var newSwiper = $('.swiper-container').swiper({
pagination: '.swiper-pagination',
autoplay: 2000,
loop : true,
initialSlide :0,
autoplayDisableOnInteraction : false,
paginationClickable :true,
observer: true,
observeParents:true
});
还有就是上拉加载更多这一功能,用到了MUI框架,后来发现移动端的页面点击href链接不跳转,发现原因是MUI框架默认不响应tap事件,解决方法为在mui.init({});中的上拉加载所对应的方法中,添加如下代码:
代码
mui('body').on('tap','a',function(){document.location.href = this.href;});