监听swiper内容的变化并自动更改swiper的高度

开发商城商品页面详情时遇到下面的问题:
页面使用swiper切换商品图片、详情和评论信息。评论信息部分为ajax加载,可以点击加载更多。当评论加载更多后,swiper高度未随之发生变化,导致新加载的评论无法显示。

原因如下:

swiper的各个slide高度设置为自动时 autoHeight: true。

某个slide内的内容发生变化时,swiper的高度不会随之发生变化。


解决方案:
1、jquery监听dom变化

2、当dom内容发生变化后,更新swiper信息。

代码如下:

$('.my_comment_list').bind('DOMNodeInserted',function(){    //my_comment_list是评论列表dom
 tabsSwiper.update()  //tabswiper为swiper名,update为更新命令
})


关键词:jqueryswiper