使用swiper.js做一些动效时，如果进行了ajax，并且重新把DOM写入到HTML代码中，会导致swiper.js的特效消失的问题、原因是ajax加载后，原先new 的Swiper对象，不认识新来的DOM对象，所以要把ajax之后的DOM也绑定到swiper的事件，就得重新声明Swiper对象，也就是重新声明Swiper对象。
目前有两种解决方法：(第二种方法不成功)
1.在动态获取数据后马上对swiper进行初始化
type:"get",
url:finalUrl,
dataType:"json",
success:function(data){
$("#reportList").empty();
for(var i=0;i&reportLi++){
var url="'"+"reportDetial.html"+location.search+"&noticeId="+reportList[i].id+"'";
reportHtml+='&div class="swiper-slide report-item" onclick="reportJump('+url+')"&'
+'&div class="item-title"&'+data.resp[i].title+'&/div&'
+'&div class="item-content"&'+data.resp[i].content+'&/div&'
+'&div class="item-date"&'+data.resp[i].createTime+'&/div&'
+'&/div&';
$("#reportList").append(reportHtml);
var swiper = new Swiper('.swiper-container', {
slidesPerView : 3
2.在swiper初始化的时候(不成功)
swiper1 = new Swiper('.swiper-container', {
initialSlide :0,
observer:true,//修改swiper自己或子元素时，自动初始化swiper
observeParents:true//修改swiper的父元素时，自动初始化swiper
阅读(...) 评论()求教 swiper 重新加载功能的问题_swiper吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：36贴子：
求教 swiper 重新加载功能的问题
我做的是一个让用户动态添加轮播图的功能,用的是angularjs的ng-repeat来动态添加slide用户点击添加轮播图后增加一个swiper,默认初始化了1张图片(但是swiper帮我生成了3个slide以便滑动),可以想象的到用户删掉默认图片或切换那张图片后还有两张默认图片遗留...这明显是不可以的,所以我判断数组为空时调用swiper.removeAllSlides()清空slide然后当用户添加图片后我调用swiper.updateSlides()后却发现只有一个slide,并且会报错($wrapperEl is undefined),就算我使用swiper.destroy()干掉swiper,然后从新new一个swiper也是只有一个slide(百思不得骑姐)...而且这时候添加第二张图片时第一张图片是一闪而过的(121无限向左滑动原理?)求教怎么实现我需要的功能?
贴吧热议榜
使用签名档&&
保存至快速回贴脚本简介swiper手机下拉刷新加载代码是一款tab选项卡手机滑动下拉刷新加载代码。
特别说明：
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
本站提供的普通下载点可能造成多线程类的软件无法下载，建议直接点击或另存为下载！
如有侵犯您的版权，请及时联系#qq.com(#换@)，我们将尽快处理。
& CopyRight , , Inc.All Rights Reserved.swiper手机下拉刷新上拉加载更多代码
作者/代码整理：&&(转载请附加本文地址，带有“懒人原生”字样的谢绝转载) 发布日期：
swiper手机下拉刷新上拉加载更多代码是一款tab选项卡手机滑动下拉刷新加载代码，滑动上拉又可以加载更多数据。
猜你喜欢...
swiper手机下拉刷新上拉加载更多代码
亲，普通会员无权限下载，
升级VIP会员任意下载
（包月才10元）或联系QQ人工充值
亲，vip会员免费下载全站
充值方式： 或联系QQ人工充值swiper切换不同选项卡时如何做到刷新页面_百度知道
swiper切换不同选项卡时如何做到刷新页面
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
若以下回答无法解决问题，邀请你更新回答
热心网友知道合伙人
&div class=&swiper-container swiper1&&
&div class=&arrows_left a_left1&&&img src=&images/bm_leftbtnpng.png& alt=&&/&&/div&
&div class=&swiper-wrapper&&
&div class=&swiper-slide&& &img src=&uploads/detail_pic.jpg& alt=&&/& &/div&
&div class=&swiper-slide&& &img src=&uploads/detail_pic.jpg& alt=&&/& &/div&
&div class=&swiper-slide&& &img src=&uploads/detail_pic.jpg& alt=&&/& &/div&
&div class=&swiper-slide&& &img src=&uploads/detail_pic.jpg& alt=&&/& &/div&
&div class=&swiper-slide&& &img src=&uploads/detail_pic.jpg& alt=&&/& &/div&
&div class=&arrows_right a_right1&&&img src=&images/bm_rightbtn.png& alt=&&/&&/div& &/div&/* * swiper初始化 */var swiper1 = new Swiper('.swiper1', {
loop:false,
grabCursor: true,
onSlideChangeStart: function(){
var index=swiper1.activeS
$(&.p1&).html(index+1);
swiper2.swipeTo (index);
本回答被网友采纳
1条折叠回答
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。}