未捕获的TypeError:无法读取未定义的属性"LayoutMode"

Question

我正在使用Isotope.js制作我的项目,我必须以水平方式显示我的瓷砖,所以我遵循代码

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) {
    }

但不幸的是它不起作用,控制台上的错误是

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

必须提供帮助

Answer 1

您没有在页面上包含同位素插件.

你需要包括isotope.pkgd.min.js和masonry-horizontal.js

这是从您的网站抓取的.如果你取消注释该行,你应该是好的.

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