监听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为更新命令 })
<< 上一篇
下一篇 >>