                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /JS插件开发之-Tab选项卡

自动播放的问题

this.tab.hover(function(){

window.clearInterval(_this_.timer)

},function(){

_this_.autoPlay();

});

当加上这段代码的时候，自动播放会出现个问题，就是他只会自动播放下一个，其余的就不会播放了，当移开块的时候，也只播放一次；

求解答

00:08

wolf_newWorld

2017-04-21

源自：JS插件开发之-Tab选项卡 5-1

关注问题我要回答

1732

操作

收起

4 回答

汪雪坷
2017-10-25

也还可以这样解决 //img1.sycdn.imooc.com//59efffe9000197e514220244.jpg ，直接触发invoke方法，有问题欢迎来交流哦

0 回复有任何疑惑可以回复我~

收起回答

cq不一样
2017-08-10

我也是出现这样情况，你的答案很及时，感谢

0 回复有任何疑惑可以回复我~

收起回答

我们都变了
2017-04-23

刚回答完你的问题想出去走两步，突然恍然大悟，我前面自己都说了是事件冒泡的问题，直接阻止事件冒泡就行，没必要向上图那样做，直接上图

4 回复有任何疑惑可以回复我~

收起回答

我们都变了
2017-04-23

你前面应该是设置了"triggerType":"mouseover"。因为在autoPlay函数里有一句“_this.tabItems.eq(_this.loop).trigger(_this.config.triggerType);”模拟了this.tabItems的mouseover,由于事件冒泡会传到this.tab,又会执行this.tab.hover里的第一个函数，把定时器给关掉，但不会执行this.tab.hover里的第二个函数。所以跳一次就不会再跳了。附加一张图让你看的更明白，还是不懂的话可以问我