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

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

.on('auto_move',function(){


setInterval(function(){

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

},2000);


})

.triggerHandler('auto_move');

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

正在回答

登陆购买课程后可参与讨论,去登陆

4回答

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

http://img1.sycdn.imooc.com//climg/5eef353e095b680505540219.jpg

http://img1.sycdn.imooc.com//climg/5eef354f098090a905540370.jpg

http://img1.sycdn.imooc.com//climg/5eef355409a9a6bf05540440.jpg

如果将该句代码注释:

http://img1.sycdn.imooc.com//climg/5eef356509a6909205370173.jpg

http://img1.sycdn.imooc.com//climg/5eef3569092eb0b605540386.jpg

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

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

祝学习愉快!

好帮手慕久久 2020-06-21 17:14:30

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

http://img1.sycdn.imooc.com//climg/5eef366d095da6d107660337.jpg

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

http://img1.sycdn.imooc.com//climg/5eef24ce0922566105540128.jpg

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

http://img1.sycdn.imooc.com//climg/5eef24d40969e63e05540196.jpg

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

http://img1.sycdn.imooc.com//climg/5eef24f0096275d512390466.jpg

祝学习愉快!

  • 提问者 weibo_我是LUFFCIER_0 #1
    那按你这个道理,如果不需要触发自动轮播的话,应该也要写上这句话才对啊,但是也能实现
    2020-06-21 17:23:18
提问者 weibo_我是LUFFCIER_0 2020-06-21 16:03:42

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

好帮手慕久久 2020-06-21 15:58:44

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

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

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

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

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师