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>

复制代码

求大神们帮忙看看，照着官网写的，但是没有任何动画效果，不知道哪里出了问题，我在DW里面写的没有自动索引到 ani 这个类只有 animate 这个类。但是改成 animate 也没有任何动画效果

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

萌新一枚，刚学习前端，第一次使用 swiper 表示一脸懵逼，求大神们指出错误