自动播放的问题

来源:5-1 自动切换

wolf_newWorld

2017-04-21 18:30

this.tab.hover(function(){

window.clearInterval(_this_.timer)

},function(){

_this_.autoPlay();

});

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


求解答

写回答 关注

4回答

  • 汪雪坷
    2017-10-25 11:08:27

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

  • cq不一样
    2017-08-10 15:21:14

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

  • 我们都变了
    2017-04-23 21:52:14

    刚回答完你的问题想出去走两步,突然恍然大悟,我前面自己都说了是事件冒泡的问题,直接阻止事件冒泡就行,没必要向上图那样做,直接上图http://img.mukewang.com/58fcb1860001632307190664.jpg

  • 我们都变了
    2017-04-23 21:14:55

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

JS插件开发之-Tab选项卡

Tab选项卡,通过教程学习,我们一一剖析它的实现原理

19821 学习 · 54 问题

查看课程

相似问题