Почему кладка не работает в этом примере?

Question

http://codepen.io/donnaloia/pen/aderB

Каменная кладка, как представляется, не организует divs в макете сетки. Что я делаю не так?

$(document).ready(function() { 
    $('.container').masonry({ 
    itemSelector: '.grid_4', 
    isFitWidth: true, 
    gutter: 8 
    }).imagesLoaded(function() { 
    $('.container').masonry('reloadItems'); 
    }); 

new AnimOnScroll(document.getElementById('#grid_4'), { 
     minDuration : 0.4, 
     maxDuration : 0.7, 
     viewportFactor : 0.2 
     }); 

}); 

Answer 1

Вы не нагружали свой masonry.js и imagesloaded.js потому что ссылки не были правильными.

Вот рабочий пример codepen с некоторым обновленным кодом

$(document).ready(function() { 
    $('.container').imagesLoaded(function() { 
    $('.container').masonry({ 
    itemSelector: '.grid_4', 
    isFitWidth: true, 
    gutter: 8 
    }); 

    }); 

new AnimOnScroll(document.getElementById('#grid_4'), { 
     minDuration : 0.4, 
     maxDuration : 0.7, 
     viewportFactor : 0.2 
     }); 

}); 

также, ваш AnimOnScroll использует идентификатор grid_4 пока у вас есть только классы grid_4, что я могу видеть.