您的位置:首页 > Web前端 > JavaScript

ajax执行后,swiper.js的效果消失问题

2016-07-21 18:54 791 查看
        今天遇到个坑:使用swiper.js做一些动效时,如果进行了ajax,并且重新把DOM写入到HTML代码中,会导致swiper.js的特效消失的问题、原因是ajax加载后,原先new 的Swiper对象,不认识新来的DOM对象,所以要把ajax之后的DOM也绑定到swiper的事件,就得重新声明Swiper对象,也就是重新声明Swiper对象。比如

var mySwiper = new Swiper('.swiper-container',{
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
loop:true,
grabCursor: true,
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: