看的有点懵啊,看了后面忘了前面,问下这里show和hide啥意思?

看的有点懵啊,看了后面忘了前面,问下这里show和hide啥意思?

正在回答 回答被采纳积分+1

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

2回答
好帮手慕码 2019-08-13 11:13:25

同学你好!

针对同学的第二段代码:showHide它的参数是$elem和options,显示的时候是把show传给$elem了。可以打印$elem看下,它的初始状态是显示的,此刻的类名是transition

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

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

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

点击隐藏按钮之后,添加了类fadeOut,表隐藏:

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

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

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 提问者 随心无憾 #1
    明白了,又看了一遍视频
    2019-08-13 13:53:44
好帮手慕码 2019-08-12 10:46:25

同学你好!
这里调用了showHide传入一个字符串类型的参数,分别表示显示和隐藏。

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

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

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 提问者 随心无憾 #1
    showHide函数的参数不是$elem和options吗?这个字符串传进去是怎么执行的?实在没搞懂?麻烦能详细说下吗?
    2019-08-12 22:57:47
  • 提问者 随心无憾 #2
    搞错了。我是说这里: $box.showHide({ css3:true, js:false, animation:'fade' }); // js.fadeslideLeftRight.init($box); $('#btn-show').on('click', function() { // js.fadeslideLeftRight.show($box); // showHide.show(); $box.showHide('show'); }); $('#btn-hide').on('click', function() { // js.fadeslideLeftRight.hide($box); // showHide.hide(); $box.showHide('hide'); }); $box.on('show shown hide hidden',function(e){ console.log(e.type); });
    2019-08-12 23:00:13
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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