2014-11-26 2 views
2

Я пытаюсь реплицировать демо-версию тимпана с использованием кладки и animonscroll.js. Единственное различие заключается в том, что я использую div-карты с изображениями внутри них, а не только с изображениями.Почему я получаю "can not read property" length 'of null "в моих imagesLoaded.js при использовании кладки

Вот рабочие tympanus демо http://jsfiddle.net/Sfmv9/19/light/

И вот мой код: http://codepen.io/anon/pen/CotJv.

По какой-либо причине это работает в кодефене, но у меня возникают следующие проблемы на моей локальной машине.

  1. карты не анимировать на свитке

  2. После в то время как нагрузка карты друг на друга (который я предполагаю, что означает, что imagesLoaded не делает его работу)

  3. Я получаю:

    'TypeError: не удается прочитать свойство 'длину' нуль' 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 среди многих других попыток, но ошибка остается. Поскольку я немного шаткий с js, я не могу проследить, как AnimOnScroll, ImagesLoaded и Masonry все соединяются с eachother, поэтому я не знаю, является ли проблема фактически ImageLoaded.js или в AnimOnScroll.js.

Что меня больше смущает, почему это будет работать в кодепине, но не на моей локальной машине.

И если это помогает, вот ссылки на мои предыдущие вопросы.

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?

+0

Почему вы блокируете код кладки с помощью «/ *» в кодексе? Является ли код в кодефене таким же, как ваш сайт? – Macsupport

+0

Код точно такой же на моем сайте, как и на кодефене, я не уверен, почему он закомментирован, я просто скопировал код из другого пользователя, который ответил на мой вопрос. – stephan

ответ

0

Ты, случайно, называя свой сценарий в <head>?

Попробуйте положить его перед закрытием </body> тег.

Смежные вопросы