`$ container.imagesLoaded एक फ़ंक्शन नहीं है 'त्रुटि

Question

तो, मुझे $container.imagesLoaded is not a function त्रुटि मिल रही है।

(function ($, root, undefined) { 

    $(function() { 

    'use strict'; 
    //// 

    var $container = $('.grid'); 

     $container.imagesLoaded(function(){ 
      $container.masonry({ 
      itemSelector: '.grid-item', 
      columnWidth: 100 
      }); 
     }); 

     $container.infinitescroll({ 
      navSelector : '#rh_nav_below', 
      nextSelector : '#rh_nav_below .rh_nav_next a', 
      itemSelector : '.grid-item', 
      loading: { 
       finishedMsg: 'No more pages to load.', 
       img: 'http://i.imgur.com/6RMhx.gif' 
      } 
      },    
      function(newElements) {    
      var $newElems = $(newElements).css({ opacity: 0 });    
      $newElems.imagesLoaded(function(){     
       $newElems.animate({ opacity: 1 }); 
       $container.masonry('appended', $newElems, true); 
      }); 
      } 
     );  

    //// 

}); 

})(jQuery, this); 

फिर पाद लेख निम्नलिखित है js फ़ाइलें:

<script type="text/javascript" src="http://example.com/js/masonry.pkgd.min.js"></script> 
    <script type="text/javascript" src="http://example.com/jquery.infinitescroll.min.js"></script> 

वहाँ कुछ मुझे याद आ रही है

यहाँ कोड है जो शीर्ष लेख में स्थित है? फाइल का स्थान है जो समस्या पैदा कर रहा है?

धन्यवाद।

संपादित करें 1

Followings पाद लेख में स्थित हैं और स्क्रिप्ट गुमनाम समारोह से पारित कर दिया है। लेकिन अभी भी एक ही त्रुटि हो रही है।

<script type="text/javascript" src="http://example.com/js/masonry.pkgd.min.js"></script> 
    <script type="text/javascript" src="http://example.com/jquery.infinitescroll.min.js"></script> 
    <script type="text/javascript"> 
    (function($) { 
     var $container = $('.grid'); 

      $container.imagesLoaded(function(){ 
       $container.masonry({ 
       itemSelector: '.grid-item', 
       columnWidth: 100 
       }); 
      }); 

      $container.infinitescroll({ 
       navSelector : '#rh_nav_below', 
       nextSelector : '#rh_nav_below .rh_nav_next a', 
       itemSelector : '.grid-item', 
       loading: { 
        finishedMsg: 'No more pages to load.', 
        img: 'http://i.imgur.com/6RMhx.gif' 
       } 
       },    
       function(newElements) {    
       var $newElems = $(newElements).css({ opacity: 0 });    
       $newElems.imagesLoaded(function(){     
        $newElems.animate({ opacity: 1 }); 
        $container.masonry('appended', $newElems, true); 
       }); 
       } 
      );  
    })(jQuery); 
    </script> 

Answer 1

छवियां संस्करण 3.0.0 में चिनाई से चिनाई से अनबंडल किया गया था। आपको इसे अलग से शामिल करना होगा। http://imagesloaded.desandro.com/

Answer 2

पृष्ठ में एम्बेड किए गए किसी भी कोड को पहले से संदर्भित कोड का संदर्भ देना चाहिए। स्क्रिप्ट टैग के बाद अपना कोड डालें और इसे काम करना चाहिए।

<script type="text/javascript" src="http://example.com/js/masonry.pkgd.min.js"></script> 
<script type="text/javascript" src="http://example.com/jquery.infinitescroll.min.js"></script> 
<script> 
(function ($, root, undefined) { 

    $(function() { 

    'use strict'; 
    //// 

    var $container = $('.grid'); 

     $container.imagesLoaded(function(){ 
      $container.masonry({ 
      itemSelector: '.grid-item', 
      columnWidth: 100 
      }); 
     }); 

     $container.infinitescroll({ 
      navSelector : '#rh_nav_below', 
      nextSelector : '#rh_nav_below .rh_nav_next a', 
      itemSelector : '.grid-item', 
      loading: { 
       finishedMsg: 'No more pages to load.', 
       img: 'http://i.imgur.com/6RMhx.gif' 
      } 
      },    
      function(newElements) {    
      var $newElems = $(newElements).css({ opacity: 0 });    
      $newElems.imagesLoaded(function(){     
       $newElems.animate({ opacity: 1 }); 
       $container.masonry('appended', $newElems, true); 
      }); 
      } 
     );  

    //// 

}); 
</script> 

मूलतः .imagesLoaded और .infiniteScroll जब तक उनकी परिभाषा युक्त स्क्रिप्ट लोड किया गया है मौजूद नहीं करते हैं:

इस तरह आपके पाद लेख को ऐसा रूप दें। यह स्क्रिप्ट टैग के माध्यम से ब्राउज़र में होता है।