Javascript 同位素附加不';好像不行
我有一个由同位素驱动的照片库。Javascript 同位素附加不';好像不行,javascript,jquery,methods,Javascript,Jquery,Methods,我有一个由同位素驱动的照片库。每次用户滚动到页面底部时,页面加载时都会从外部资源请求图像。新图像将附加到当前同位素布局中。问题在于同位素——它似乎没有执行“附加”方法 在StackExchange和Google上搜索解决方案时发现,我不是唯一一个有这个问题的人。在过去的几天里,我一直在修补这个问题,并尝试了几乎所有我能找到的解决方案,但到目前为止,我还没有找到任何可以解决我的问题的方法 代码笔:我在这里创建了一个代码笔- 网页:由于自定义事件“resizestop”在codepen中不起作用
每次用户滚动到页面底部时,页面加载时都会从外部资源请求图像。新图像将附加到当前同位素布局中。问题在于同位素——它似乎没有执行“附加”方法 在StackExchange和Google上搜索解决方案时发现,我不是唯一一个有这个问题的人。在过去的几天里,我一直在修补这个问题,并尝试了几乎所有我能找到的解决方案,但到目前为止,我还没有找到任何可以解决我的问题的方法 代码笔:我在这里创建了一个代码笔-
网页:由于自定义事件“resizestop”在codepen中不起作用,因此在此处可以找到与网页相同的代码-
要查看问题,请打开上面提供的代码笔或网页,并滚动到页面底部,启动加载其他图像。然后您会看到新图像只是通过jQuery附加到容器中。但它们并没有像预期的那样附加到同位素布局实例中。 有问题的部分位于名为isotoEapPend()的自定义函数中。在页面加载时调用此函数,然后执行“if else”语句的第二部分。初始化完成并将第一个图像添加到容器中后,下次调用SotoEapPend()时(当用户到达页面底部时),将执行“if else”语句的第一部分,这就是调用有问题的同位素“added”方法的地方。 下面是有问题的javascript代码的代码片段。对外部资源的ajax请求的结果应用于变量newElems。在“追加”回调中添加警报(“某物”)或console.log时,不会发生任何事情 问题在于同位素本身还是与我的编码错误有关? 我真的很想找到一个解决办法!
在初始化更改中
itemSelector : $('.photos_section_wrap'),
到
我喜欢你的钢笔
同位素使用itemSelector
将元素过滤到布局中,$()返回对象数组。结果,并没有要布局的元素。如果您感兴趣,可以查看debug中的\u getAtoms
方法(同位素脚本)以了解发生了什么
itemSelector : $('.photos_section_wrap'),
itemSelector : '.photos_section_wrap',