2013-07-27 81 views
0

Web noobie here。我遇到了一個問題,讓砌體與我正在構建的網站正常工作。下面是我試圖執行代碼:砌體,jQuery和圖像的問題Loaded

$(document).ready(function() { 
... 
var $article_display = $('#article_display'); 
     $article_display.imagesLoaded(function() { 
      $article_display.masonry({ 
      columnWidth: Math.floor($('#article_display').width() *.3) + 2, 
      itemSelector: '.article', 
      isAnimated: !Modernizr.csstransitions 
      }); 
     }); 
... 
}); 

我得到這個錯誤:「遺漏的類型錯誤:對象的翻譯:有沒有方法‘imagesLoaded’」我環顧四周,過去兩天找到某種解決方案之前,在這裏發佈這個問題,到目前爲止一直沒有成功。這似乎是我的瀏覽器不認識到我已經包含imagesloaded.pkgd.min.js文件...?根據參考資料:http://masonry.desandro.com/appendix.html此代碼應該工作。

任何幫助將不勝感激,我可以嘗試讓一個jsfiddle設置,如果這將有所作爲。

謝謝!

編輯:這裏有一個的jsfiddle顯示問題:http://jsfiddle.net/DDQtD/

+0

你確定「http://masonry.desandro.com/masonry.pkgd.min.js」加載正確 –

+0

你確定你加載腳本正在執行此之前? – Jivings

+0

我相信這兩個腳本都是在代碼執行之前加載的。我在我的HTML的頂部加載腳本(我知道這是不好的做法),只是爲了確保。控制檯沒有向我顯示任何其他信息,導致我相信他們沒有加載,並且我試圖執行的代碼被包裝在$(document).ready(...)函數中。 –

回答

0

想通了。我有一個錯字,當我裝我的劇本,它是這樣的:

<script type="filepath/imagesloaded.pkgd.min.js"></script> 

我需要轉出SRC。很多簡單的錯誤!

0

我會嘗試Salvattore,它以不同的方式工作,因此圖像在加載腳本之前不必加載,您可以使用CSS和HTML配置腳本。

http://salvattore.com/

+0

感謝您的提示,我會在今天晚些時候檢查一下Salvattore。原來,這是我的一個簡單的錯字,我沒有看到這是造成問題。 –