gpt4 book ai didi

jquery - 为什么在使用 masonry 时,我的 imagesLoaded.js 中会出现 "cannot read property ' length' of null"

转载 作者:行者123 更新时间:2023-12-01 05:45:30 25 4
gpt4 key购买 nike

我正在尝试使用 masonry 和 animonscroll.js 复制鼓室演示。唯一的区别是我使用的是包含图像的 div 卡,而不仅仅是图像。

这是工作鼓室演示 http://jsfiddle.net/Sfmv9/19/light/

这是我的代码:http://codepen.io/anon/pen/CotJv

无论出于何种原因,这在 codepen 中都有效,但我在本地计算机上遇到了以下问题。

  1. 卡片没有滚动动画

  2. 偶尔,卡片会相互叠放(我猜这意味着 imagesLoaded 没有完成它的工作)

  3. 我收到:

    “类型错误:无法读取 null imagesloaded.js 的属性“长度””

这是我在过去两个月中发布的关于此问题的第三个问题,但仍然无法弄清楚为什么会出现此错误以及如何修复它。我再次发布此内容(包含更具体的信息),看看是否有人能够提供帮助。

错误似乎出在 imagesloaded.js 的此函数中

// turn element or nodeList into an array
function makeArray( obj ) {
var ary = [];
if ( isArray( obj ) ) {
// use object if already an array
ary = obj;
} else if ( typeof obj.length === 'number' ) {
// convert nodeList to array
for ( var i=0, len = obj.length; i < len; i++ ) {
ary.push( obj[i] );
}
} else {
// array of single index
ary.push( obj );
}
return ary;
}

根据我上一篇文章中某人的建议,我尝试将 obj.length == 'number' 更改为:

if ( obj && typeof obj.length === 'number' )

在许多其他尝试的解决方案中,我还尝试将容器类更改为 AnimOnScroll.js 中的容器 ID,但错误仍然存​​在。因为我对 js 不太熟悉,所以我无法跟踪 AnimOnScroll、ImagesLoaded 和 Masonry 是如何相互连接的,所以我不知道问题实际上是在 ImagesLoaded.js 还是在 AnimOnScroll.js 中。

最让我困惑的是为什么这可以在 codepen 中工作,但不能在我的本地计算机上工作。

如果有帮助,请查看我之前问题的链接。

Why are my divs not animating on scroll?

https://stackoverflow.com/questions/26721098/what-could-cause-animonscroll-js-to-work-on-codepen-but-not-on-my-local-machine

Why am I getting 'Cannot read property 'length' of null' in this js code?

最佳答案

您是否在 <head> 中调用您的脚本? ?

尝试将其放在结束之前 </body>标签。

关于jquery - 为什么在使用 masonry 时,我的 imagesLoaded.js 中会出现 "cannot read property ' length' of null",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27139114/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com