函数不触发问题

页面中有四个标签页,每个标签页都有一个轮播,四个轮播都用相同的函数。

现在我想在标签页切换的时候不显示的标签内的轮播不播放,请问有什么办法。

阅读 2.3k
3 个回答

当前显示的标签页 初始化 轮播函数 切换到另外一个标签页时 销毁不显示标签页的轮播程序 再初始化当前标签页的轮播函数 可以针对定时器进行销毁

通过$(selector).is(':visible')判断标签页的显示状态, 如果是false,则轮播暂停,如果为true,则return,所以你的轮播需要有一个可以控制轮播暂停的接口。

能省资源、代码量、简化逻辑的方法,就是你把它看成4块容器,只有当某个容器curr后,才动态添加轮播效果,而其他的容器内容都清掉。
如果要让人感觉轮播一直在后台默默运行着,只要在切换时,把有轮播的容器加上个标签,如indexNum = 1,即将显示的容器去读这个图片序列即可(4个轮播速度一样的情况下)。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题