页面中有四个标签页,每个标签页都有一个轮播,四个轮播都用相同的函数。
现在我想在标签页切换的时候不显示的标签内的轮播不播放,请问有什么办法。
通过$(selector).is(':visible')
判断标签页的显示状态, 如果是false
,则轮播暂停,如果为true,则return
,所以你的轮播需要有一个可以控制轮播暂停的接口。
能省资源、代码量、简化逻辑的方法,就是你把它看成4块容器,只有当某个容器curr后,才动态添加轮播效果,而其他的容器内容都清掉。
如果要让人感觉轮播一直在后台默默运行着,只要在切换时,把有轮播的容器加上个标签,如indexNum = 1,即将显示的容器去读这个图片序列即可(4个轮播速度一样的情况下)。
10 回答11.3k 阅读
5 回答4.9k 阅读✓ 已解决
4 回答3.2k 阅读✓ 已解决
2 回答2.8k 阅读✓ 已解决
3 回答2.4k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
当前显示的标签页 初始化 轮播函数 切换到另外一个标签页时 销毁不显示标签页的轮播程序 再初始化当前标签页的轮播函数 可以针对定时器进行销毁