2014-05-20 39 views
4

HI的特性“LayoutMode”我使用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 

帮助是明显的必备

+0

masonryHorizo​​ntal只是以前:{rowHeight时:50}应砌筑:{rowHeight时:50} 不知道它是否修复它虽然。你可以发布一个codepen或jsfiddle的例子,你正在使用什么? – cowcowmoomoo

+0

是的,我改变了,但它不工作@cowcowmoomoo –

+0

你可以用标记发布一个例子吗? – cowcowmoomoo

回答

5

你不包括页面上的同位素插件。

您需要包括isotope.pkgd.min.jsmasonry-horizontal.js


这是从您的网站抓起。如果你取消注释,你应该很好。

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

让我做PLZ,因为现在我只需要添加isotope.pkgd.min.js,对不对? –

+0

是的。在masonry-horizo​​ntal.js – cowcowmoomoo

+0

plz之前添加插件js到你的html。看到我的网站和链接我发给你 –

2

我有同样的问题,并发现一些东西。 jquery-isotope从不设置window.Isotope.LayoutMode。这就是为什么它是未定义的。 如果你不使用jquery而只使用普通的jquery,那么你不应该有这个问题。

我固定它通过jquery.isotope.js后包括layout-mode.js,而masonry-horizontal.js

+0

很棒.......... –

相关问题