jquery - 未捕获的类型错误 : Cannot read property 'LayoutMode' of undefined

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-horizo​​ntal.js

---

这是从您的网站上抓取的。如果你取消注释那一行，你应该是好的。

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