扫码关注官方订阅号
页面中有四个标签页,每个标签页都有一个轮播,四个轮播都用相同的函数。
现在我想在标签页切换的时候不显示的标签内的轮播不播放,请问有什么办法。
欢迎选择我的课程,让我们一起见证您的进步~~
当前显示的标签页 初始化 轮播函数 切换到另外一个标签页时 销毁不显示标签页的轮播程序 再初始化当前标签页的轮播函数 可以针对定时器进行销毁
通过$(selector).is(':visible')判断标签页的显示状态, 如果是false,则轮播暂停,如果为true,则return,所以你的轮播需要有一个可以控制轮播暂停的接口。
$(selector).is(':visible')
false
return
能省资源、代码量、简化逻辑的方法,就是你把它看成4块容器,只有当某个容器curr后,才动态添加轮播效果,而其他的容器内容都清掉。如果要让人感觉轮播一直在后台默默运行着,只要在切换时,把有轮播的容器加上个标签,如indexNum = 1,即将显示的容器去读这个图片序列即可(4个轮播速度一样的情况下)。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
当前显示的标签页 初始化 轮播函数 切换到另外一个标签页时 销毁不显示标签页的轮播程序 再初始化当前标签页的轮播函数 可以针对定时器进行销毁
通过
$(selector).is(':visible')判断标签页的显示状态, 如果是false,则轮播暂停,如果为true,则return,所以你的轮播需要有一个可以控制轮播暂停的接口。能省资源、代码量、简化逻辑的方法,就是你把它看成4块容器,只有当某个容器curr后,才动态添加轮播效果,而其他的容器内容都清掉。
如果要让人感觉轮播一直在后台默默运行着,只要在切换时,把有轮播的容器加上个标签,如indexNum = 1,即将显示的容器去读这个图片序列即可(4个轮播速度一样的情况下)。