swiper animate 问题（没有动画效果）大神进来看看

忆寒惜 · 发表于 2017-4-9 13:13:59

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="js/swiper/swiper-3.4.2.min.css">
<link rel="stylesheet" type="text/css" href="js/swiper/animate.min.css">
</head>
<body>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<p class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="2s" swiper-animate-delay="0.1s">Page1</p>
</div>
</div>
</div>
<script src="js/swiper/swiper-3.4.2.min.js"></script>
<script src="js/swiper/swiper.animate1.0.2.min.js"></script>
<script>
var mySwiper = new Swiper ('.swiper-container',{
pagination: '.swiper-pagination',
onInit:function(swiper){
swiperAnimateCacher(swiper);//隐藏动画元素
swiperAnimate(swiper);//初始化完成开始动画
},
onSlideChangeEnd:function(swiper){
swiperAnimate(swiper);//每个slide切换结束时也运行当前的slide动画
}
})
</script>
</body>
</html>