swiper插件

近日&＃xff0c;因为公司官网开发需要&＃xff0c;用了angularjs框架&＃xff0c;此外&＃xff0c;因为很多图片需要轮播&＃xff0c;由于自己写的轮播图在angular指令中的索引值从绑定箭头和圆点点击事件切换过程没有全局变化&＃xff0c;无奈之下&＃xff0c;用了比较流行的swiper插件&＃xff0c;总体上来说&＃xff0c;这个插件还是很强悍的。

在使用swiper插件时发现&＃xff0c;swiper基本使用有以下两个缺点&＃xff1a;

      1.初始化时如果没有设置"loop:true",swiper的箭头点击事件会受到限制&＃xff0c;当索引值等于0时&＃xff0c;左边箭头无法触发滑动&＃xff0c;当索引值等于滑动图片总数减一时右边箭头也无法触发滑动事件&＃xff1b;

      2.初始化时如果设置"loop:true",虽然可以弥补以上1的缺点&＃xff0c;但是它会乱复制图片&＃xff1b;

    以上两点是我在使用swiper过程中遇到的难点之二。

    由于angularjs ng-repeat指令添加节点需要一定的时间&＃xff0c;因此在angularjs指令中使用swiper需要使用angular定时器$timeout(function(){},0);

  此外&＃xff0c;为了解决angularjs过滤器过滤数据时swiper轮播图的索引值不会置于0&＃xff0c;我自己想个思路&＃xff1a;1.初始化swiper    2.将swiper的transform属性重新设置