observeParents
将动态检查器(Mutation Observer)应用于Swiper 的所有祖先元素。当Swiper 的祖先元素发生变化时,例如show/hide、第一级子元素增加/删除等,则更新Swiper 并触发
observerUpdate
事件。observeParents信息
- 类型:
- boolean
- 默认:
- false
- 举例:
- true
- 启用版本:
- 4.0.0
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var mySwiper = new Swiper('.swiper', {
observer: true, //开启动态检查器,监测swiper和slide
observeParents: true, //监测Swiper 的祖/父元素
pagination: {
el: '.swiper-pagination',
},
on: {
observerUpdate: function(){
console.log('监测到DOM变化,更新Swiper');
},
},
})
$('#btn1').click(function(){
$('#outBox').remove(); // 删除父元素下的一级子元素
//$('#content').hide(); // 隐藏祖先元素
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/observer/219.html