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,
});
var mySwiper = new Swiper('.swiper-container',{
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
loop:true,
grabCursor: true,
});
相关文章推荐
- Js自定义对象封装
- js禁用ctrl+滚轮,防止页面放大缩小
- js获取ifram对象
- js存/讀取cookie函數
- js:arguments示例
- [Effective JavaScript 笔记]第62条:在异步序列中使用嵌套或命名的回调函数
- js之2016.7.21字符串处理之替换 ,计数长度和符号,分隔
- for循环输出列表中间带分割的jstl输出法
- JavaScript的垃圾回收
- remove javascript validation from eclipse project
- [转] Understanding JavaScript’s async await
- Javascript变量值的类型
- JavaScript---while和do while的区别
- javascript DOM 删除元素
- Extjs框架总结
- JavaScript如何处理解析JSON数据详解
- js四舍五入
- JavaScript中的字符串使用
- js 日期格式化
- Web开发 c54f 之-JSP学习总结-第二篇:EL总结