函数不触发问题
页面中有四个标签页,每个标签页都有一个轮播,四个轮播都用相同的函数。
现在我想在标签页切换的时候不显示的标签内的轮播不播放,请问有什么办法。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
页面中有四个标签页,每个标签页都有一个轮播,四个轮播都用相同的函数。
现在我想在标签页切换的时候不显示的标签内的轮播不播放,请问有什么办法。
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(3)
当前显示的标签页 初始化 轮播函数 切换到另外一个标签页时 销毁不显示标签页的轮播程序 再初始化当前标签页的轮播函数 可以针对定时器进行销毁
通过
$(selector).is(':visible')
判断标签页的显示状态, 如果是false
,则轮播暂停,如果为true,则return
,所以你的轮播需要有一个可以控制轮播暂停的接口。能省资源、代码量、简化逻辑的方法,就是你把它看成4块容器,只有当某个容器curr后,才动态添加轮播效果,而其他的容器内容都清掉。
如果要让人感觉轮播一直在后台默默运行着,只要在切换时,把有轮播的容器加上个标签,如indexNum = 1,即将显示的容器去读这个图片序列即可(4个轮播速度一样的情况下)。