Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 同位素附加不';好像不行_Javascript_Jquery_Methods - Fatal编程技术网

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',