Masonry Pro sometimes doesn't load in Chrome

[Marcelo Pereto]

Hello friends,
I installed the plugin WP Masonry Layout Pro and it worked perfectly in Safari and Mozilla, but sometimes does not load in Chrome (MAC).
I tried on multiple computers
In Mobile works perfectly.
I really liked this plugin.
http://www.viladoartesao.com.br/blog/testes/

Thanks,

[Masonry Guy]

Hi Marcelo,

I checked it here in Chrome (Win7) multiple times and it looks fine to me. Do you get any js error in Chrome Mac ?

Thanks

[Marcelo Pereto]

Hi, no errors, only the “loading icon”.

[Masonry Guy]

Hi Marcelo,

Can you please install this extension JavaScript Errors Notifier in your chrome and check ? Hope this plugins gives error and we can find cause for it.

Thanks

[Marcelo Pereto]

The error:
TypeError: $container.imagesLoaded is not a function
http://www.viladoartesao.com.br/blog/wp-content/plugins/wp-masonry-layout-pro/js/wmljs.js?ver=4.2.2:5

Thanks

[Marcelo Pereto]

Sometimes this error appears:

TypeError: $container.imagesLoaded is not a function
#5 http://www.viladoartesao.com.br/blog/wp-content/plugins/wp-masonry-layout-pro/js/wmljs.js?ver=4.2.2:5:13
#4 http://www.viladoartesao.com.br/blog/wp-content/plugins/wp-masonry-layout-pro/js/wmljs.js?ver=4.2.2:5:13 HTMLDocument.eval()
#3 http://www.viladoartesao.com.br/blog/wp-includes/js/jquery/jquery.js?ver=1.11.2:1:27295 j()
#2 http://www.viladoartesao.com.br/blog/wp-includes/js/jquery/jquery.js?ver=1.11.2:1:28108 Object.k.fireWith [as resolveWith]()
#1 http://www.viladoartesao.com.br/blog/wp-includes/js/jquery/jquery.js?ver=1.11.2:1:29942 m.extend.ready()

Thanks

[Marcelo Pereto]

I noticed a missing space between characters in “wmljs.js”
Could this be?

wmljs.js
$container.imagesLoaded(function(){
$container.masonry();
})

$container.imagesLoaded( function() {
$container.masonry();
})

It seems to be ok!!

[Marcelo Pereto]

Bad news, same problem.

TypeError: $container.imagesLoaded is not a function
#5 http://www.viladoartesao.com.br/blog/wp-content/plugins/wp-masonry-layout-pro/js/wmljs.js?ver=4.2.2:5:13
#4 http://www.viladoartesao.com.br/blog/wp-content/plugins/wp-masonry-layout-pro/js/wmljs.js?ver=4.2.2:5:13 HTMLDocument.eval()
#3 http://www.viladoartesao.com.br/blog/wp-includes/js/jquery/jquery.js?ver=1.11.2:1:27295 j()
#2 http://www.viladoartesao.com.br/blog/wp-includes/js/jquery/jquery.js?ver=1.11.2:1:28108 Object.k.fireWith [as resolveWith]()
#1 http://www.viladoartesao.com.br/blog/wp-includes/js/jquery/jquery.js?ver=1.11.2:1:29942 m.extend.ready()

[Marcelo Pereto]

Hi,
The problem has been solved.
Solution: Disable Rocket Loader in CloudFlare.

Thank you

[Masonry Guy]

Hi Marcelo,

Glad it has been fixed and thank you so much for posting the solution here. Hope it will help others as well.

Thanks 🙂

[Author]

Posts