append这个方法

append这个方法

这个方法是给匹配元素内部的尾部添加东西是吗?添加的图片会按照上面的排列加进去嘛,什么都没设置就这么整齐啊

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

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

2回答
好帮手慕夭夭 2019-07-03 19:33:29

你好同学,因为瀑布流实现的效果就是,盒子在页面滚动到最底部的时候再继续滚动,又会追加新的盒子。所以一直滚动就会一直有新盒子,所以要调用waterFall为新的盒子设置样式哦

从同学的问题中看出来对整个案例还不是太熟悉,老师给同学一个小建议,可以下载一下源码,在浏览器中熟悉一下案例实现的效果是什么样的。然后在从头复习一下视频,跟着老师的讲解去理解这个效果实现的具体思路。

当然,观看视频的话有一些是不好理解的。要把案例去写一写,如果在练习的过程中哪一步理解不了,再来粘贴代码提问,这样老师会有针对性的指导你哪里不懂或者理解的有问题,能更好的帮你哦。加油!

祝学习愉快,望采纳。

好帮手慕夭夭 2019-07-03 14:57:47

你好同学,没错哦,append就是在元素尾部添加内容哦。像这里就是在div里添加,并且添加到最后面的位置:

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


而盒子排列的位置是在js中已经设置的,新追加的盒子通过定义已经设置了位置,(从上面的截图也能看到,追加的盒子中有行内样式,其中设置定位,所以整齐的排列),也就是如下代码中设置的,这个在前面的课程中讲过的,建议同学再复习一下视频,可以跟着老师去写一写,帮助自己更好的理解

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

祝学习愉快,望采纳。

  • 提问者 浮沉幻听 #1
    追加的盒子已经定位了而且添加了样式了,为什么还要调用waterFall呢,这样的话每滚动一次就调用追加函数,追加18个盒子,然后还触发一次waterfall,里面的获取列数,设置宽度,定义数组啥的都会执行一次,不会导致里面的事情重复执行么
    2019-07-03 17:57:25
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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