个人中心
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
文章推荐： jquery - Chrome 中的 SSRS ReportViewer 日期选择器
文章推荐： java - Eclipse 和 GWT 调试问题
文章推荐： jquery - 如何在现有数据表中添加新行作为 html
文章推荐： javascript - window.print() 不会在 iPAD 中弹出 PDF 打印对话框