2014-05-20 85 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

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

相關問題