Question

我试图使用masonry和animonscroll.js复制鼓室演示。唯一的区别是我使用带有图像的div卡而不仅仅是图像。

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

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

无论出于何种原因，这都适用于codepen，但我在本地计算机上遇到以下问题。

这些卡片没有动画滚动
偶尔卡片会相互叠加（我猜测这意味着imagesLoaded没有做到这一点）
我收到了：

＆＃39; Typeerror：无法读取属性＆＃39;长度＆＃39; null imagesloaded.js＆＃39;

这是我在过去两个月中发布的关于此问题的第三个问题，但仍然无法弄清楚为什么我会收到此错误以及如何解决此问题。我再次发布此信息（提供更具体的信息），看看是否有人可以提供帮助。

错误似乎出现在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如何与彼此联系，所以我不知道问题实际上是ImageLoaded.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?

Answer 1

您是否有机会在<head>中调用您的脚本？

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

为什么我在使用砌体时在我的imagesLoaded.js中“无法读取属性'长度'。”

1 个答案: