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

前端之家收集整理的这篇文章主要介绍了ajax执行后,swiper.js的效果消失问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

今天遇到个坑:使用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,});
原文链接:https://www.f2er.com/ajax/162021.html

猜你在找的Ajax相关文章