2013-07-23 35 views
8

Bắt lỗi này, cố gắng sử dụng Masonry với imageLoaded:ImagesLoaded với Masonry, Object # <Object> không có phương pháp 'imagesLoaded'

"Object # has no method 'imagesLoaded'"

Các liên kết đến các kịch bản cần thiết là trong phần đầu của tôi:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><script src="/js/masonry.pkgd.min.js" type="text/javascript"></script> 
<script src="/js/imagesloaded.pkgd.min.js" type="text/javascript"></script> 

Và đây là cách mã trông ở chân của tôi:

$(document).ready(function() { 
    $('#archive-post-container').imagesLoaded(function() { 
     $(this).masonry({ 
      itemSelector : '.post', 
      columnWidth:344 
     }); 
    }); 
}); 

EDIT/ADDE NDUM: Đặt các thẻ script cho ImagesLoaded và Masonry trong tệp .php thực tế cho trang tôi cần chúng, thay vì header.php nhận được lỗi này thay vào đó, đến từ ImagesLoaded: Uncaught TypeError: undefined không phải là một hàm

Không chắc chắn lý do tại sao di chuyển thẻ chỉ từ bên dưới tiêu đề sẽ thay đổi điều này, nhưng ít nhất bây giờ tôi đang tải hình ảnh?

+0

chắc chắn rằng bạn đường dẫn đến kịch bản imagesloaded là đúng và tệp được tải – bipen

+0

Tôi không nhận được bất kỳ 404 nào cho tập lệnh và chúng hiển thị trong các công cụ dành cho Chrome sau khi tải trang. – Chris

+0

Tỷ lệ cược. nếu tôi đặt các thẻ