我发现不加.triggerHandler('auto_move');也能运行

来源:5-8 首页.UI组件-UiSlider(3)

weibo_我是LUFFCIER_0

2020-06-21 14:11:26

.on('auto_move',function(){


setInterval(function(){

enableAuto && wrap.triggerHandler('move_next');

},2000);


})

.triggerHandler('auto_move');

后面可以不加 .triggerHandler('auto_move'); 吗

写回答

4回答

好帮手慕久久

2020-06-21

同学你好,自动轮播是指页面打开不进行任何操作,轮播图会自动切换,即不需要手动点击上一张、下一张按钮,轮播图就会自动切换:

http://img.mukewang.com/climg/5eef353e095b680505540219.jpg

http://img.mukewang.com/climg/5eef354f098090a905540370.jpg

http://img.mukewang.com/climg/5eef355409a9a6bf05540440.jpg

如果将该句代码注释:

http://img.mukewang.com/climg/5eef356509a6909205370173.jpg

http://img.mukewang.com/climg/5eef3569092eb0b605540386.jpg

写不写“.triggerHandler('auto_move');”这句代码,都不影响手动切换轮播图,也就是不写这句代码,轮播图也可以通过手动点击按钮来切换。

建议同学将老师之前的回复好好看一下,然后再敲一下回复中关于triggerHandler的例子,好好理解一下呦~。

祝学习愉快!

0

好帮手慕久久

2020-06-21

同学你好,“triggerHandler”是触发自定义事件,如下:

http://img.mukewang.com/climg/5eef366d095da6d107660337.jpg

未点击按钮时,控制台无打印:

http://img.mukewang.com/climg/5eef24ce0922566105540128.jpg

点击按钮后,控制台有打印:

http://img.mukewang.com/climg/5eef24d40969e63e05540196.jpg

由于轮播图自动轮播的代码是写在自定义事件“auto_move”中,所以需要触发一下该事件,才会执行内部的代码,因此需要写上“.triggerHandler('auto_move');”。如下:

http://img.mukewang.com/climg/5eef24f0096275d512390466.jpg

祝学习愉快!

0
heibo_我是LUFFCIER_0
h 那按你这个道理,如果不需要触发自动轮播的话,应该也要写上这句话才对啊,但是也能实现
h020-06-21
共1条回复

weibo_我是LUFFCIER_0

提问者

2020-06-21

为什么开启自动轮播要写上

0

好帮手慕久久

2020-06-21

同学你好,问题解答如下:

“.triggerHandler('auto_move');”的作用是开启轮播图自动轮播。如果不写该代码,点击左右按钮,可以正常切换轮播图,只是页面打开时,轮播图不会自动轮播了。

如果同学不想让轮播图自动轮播,可以不写该代码。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

0
heibo_我是LUFFCIER_0
h 为什么开启轮播就要写上
h020-06-21
共1条回复

0 学习 · 14456 问题

查看课程