在微信公众号的一次开发中,功能需求是完成类似于墨迹天气中订阅多个城市以后可以左右滑屏显示不同城市的天气详情,使用Swiper插件实现整个屏幕的左右滑动
下面就是实现代码:
$scope.initWeather_swiper=function(){
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
observer:true,//修改swiper自己或子元素时,自动初始化swiper
observeParents:true,//修改swiper的父元素时,自动初始化swiper
});
};
最重要的代码是:
observer:true,//修改swiper自己或子元素时,自动初始化swiper
observeParents:true,//修改swiper的父元素时,自动初始化swiper