ImagesLoaded with Masonry, Object #<Object> has no method 'imagesLoaded'

frontend, javascript, jquery, jquery-plugins

Solution

Note that ImagesLoaded is no longer included in the latest Masonry distribution, per

http://masonry.desandro.com/appendix.html#upgrading-from-v2

You can get it directly here:

http://desandro.github.io/imagesloaded/

Problem

Getting this error, trying to use Masonry with imageLoaded: "Object # has no method 'imagesLoaded'" The links to the necessary scripts are in my header: ``` <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><script src="/js/masonry.pkgd.min.js" type="text/javascript"></script> <script src="/js/imagesloaded.pkgd.min.js" type="text/javascript"></script> ``` And here is how the code looks in my footer: ``` $(document).ready(function() { $('#archive-post-container').imagesLoaded(function() { $(this).masonry({ itemSelector : '.post', columnWidth:344 }); }); }); ``` EDIT / ADDENDUM: Placing the script tags for ImagesLoaded and Masonry in the actual .php file for the page I need them on, instead of in header.php gets me this error instead, coming from ImagesLoaded: Uncaught TypeError: undefined is not a function Not sure why moving the tags just from the to just under the header would change this, but at least now I am getting to imagesLoaded?

Original source