swiper 图片使用 jquery 的 slideToggle 收起后定时滑动失效
skyloongltl · 2019-09-26 15:29:18 +08:00 · 2386 次点击这是一个创建于 1876 天前的主题，其中的信息可能已经有所发展或是发生改变。
使用了 swiper 的定时滑动后，再用 jquery 的 slideToggle 函数将图片收起，收起的时间超过三秒这样。在展开，图片的自动滑动就会失效，这是为什么呢？要怎么解决呢？
<body>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="./images/adv0001.jpg" /></div>
<div class="swiper-slide"><img src="./images/adv0002.jpg"></div>
<div class="swiper-slide"><img src="./images/adv0003.jpg" alt=""></div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
<button id="btn">展开</button>
<script>
var mySwiper = new Swiper('.swiper-container', {
loop: true, // 循环模式选项
// 自动播放时间
autoplay: {
delay: 3680,
disableOnInteraction: false
},
observer: true,
observeParents: true,
// 播放的速度
speed: 1000,
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
}
});
$('#btn').click(function () {
$('.swiper-container').slideToggle();
});
</script>
</body>
目前尚无回复
Select Language