视频中的案例有个bug,老师帮忙解决下

视频中的案例有个bug,老师帮忙解决下

初始化的时候,传入:
$(".dropdown").dropdown({
css3: true,
js: false,
animation: ‘slideUpDown’

});
再把$.getJSON()里面的延迟1秒调出来,会发现图片不见的时候,出现下图的问题(高度显示不完整):
图片描述
老师帮忙看下怎么解决

正在回答

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

3回答

同学你好,用源码测试,使用老师第一次提供的方式,是可以解决的,建议同学按照老师给出的方法再测试下。祝学习愉快~

好帮手慕言 2020-10-16 15:27:45

同学你好,可以使用下面的方法测试下:

在dropdown.js中init方法中添加一个函数用来更新下拉菜单的高度

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

请求到json数据,将拼接的html结构添加到页面后,调用这个函数更新下拉层的高。 

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

如果还是不可以的话,建议:同学把完整的代码粘贴上来,老师帮助测试

  • 提问者 人生的起源 #1
    不需要贴代码啊,老师只要把本节课的代码拿去测试一下就知道了,本来就是有问题的,希望老师能帮忙解决下,这个我实在没办法测试,套了太多层了,搞不定
    2020-10-16 17:06:48
  • 提问者 人生的起源 #2
    代码就是这个章节的教辅材料,你们之前没测试好
    2020-10-16 17:08:30
提问者 人生的起源 2020-10-16 03:20:18

补充一下:
只要.dropdown-layer这个class设置了overflow: hidden;
按需加载时有loading的图片就会有问题

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

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

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

0 星
组件化思想开发电商网页 18版
  • 参与学习           人
  • 提交作业       467    份
  • 解答问题       4826    个

本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。

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

在线咨询

领取优惠

免费试听

领取大纲

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