Swiper + MUI 的坑

之前写移动端的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;});