Uncaught TypeError: Cannot read property 'LayoutMode' of undefined

Question

HI i am making my project using Isotope.js where i have to show my tiles in the horizontal manner, So i am following code

var winDow = $(window);
    // Needed variables
    var $container=$('.portfolio-box, .blog-box');
    var $filter=$('.filter');

    try{
        $container.imagesLoaded( function(){
            $container.show();
            $container.isotope({
                layoutMode: 'masonryHorizontal',
                masonryHorizontal: {
                    rowHeight: 50
                },

            });
        });
    } catch(err) {
    }

but unluckily it is not working , error on the console is

1.    Uncaught TypeError: Cannot read property 'LayoutMode' of undefined
2.    Uncaught TypeError: undefined is not a function

Help is appreciable must

masonryHorizontal: { rowHeight: 50 } should be masonry: { rowheight: 50 } Not sure if it fixes it though. Could you post a codepen or jsfiddle with an example of what you're working with? — cowcowmoomoo, May 20 '14 at 12:03
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/54036/discussion-between-jatt-net-and-cowcowmoomoo). — Jot Dhaliwal, May 20 '14 at 12:20

cowcowmoomoo · Accepted Answer · 2014-05-20T12:28:34.023

5

You're not including the isotope plugin on your page.

You need to include both isotope.pkgd.min.js and masonry-horizontal.js

This is grabbed from your site. If you uncomment that line, you should be good.

<!--<script type="text/javascript" src="js/jquery.isotope.min.js"></script>-->

edited May 20 '14 at 12:28

answered May 20 '14 at 12:23

cowcowmoomoo

507
2
10

let me do plz, as now i have to add only isotope.pkgd.min.js, right? – Jot Dhaliwal May 20 '14 at 12:25
Yes. Add the plugin js to your html before the masonry-horizontal.js – cowcowmoomoo May 20 '14 at 12:26
plz see my site and link i send to you – Jot Dhaliwal May 20 '14 at 12:39

score 2 · Answer 2 · answered May 22 '14 at 08:38

I'm having the same problem and found something. The jquery-isotope never sets window.Isotope.LayoutMode. That's why it is undefined. If you don't use the jquery and just the regular one, you should not have this problem.

I fixed it by include the layout-mode.js right after jquery.isotope.js, and just before the masonry-horizontal.js

Uncaught TypeError: Cannot read property 'LayoutMode' of undefined

2 Answers2