。對（）的.fn jQuery函數不工作

Question

我有jQuery的功能是這樣的：

(function($){ 

    $.fn.LazyImageLoad = function() { 

     $(this).on('scroll load resize' , function() { 

      console.log ('Lazy Image Load run') 

      $('img' , this).each(function() { 
       $(this).hide(1000) ; 
      }); 

     }); 

    } 

})(jQuery); 

，並設置我的元素在這個溫控功能，例如

$(document).ready(function() { 

    $(window).LazyImageLoad(); 
    $('body').LazyImageLoad(); 
    $('.Container_C2').LazyImageLoad(); 

}); 

但$(this).on()上.fn jquery function不行 和console.log和$(img).show() for each img不運行，

那麼你會建議我做什麼？

Answer 1

您在consloe.log中有錯字錯誤。它應該是console.log

Answer 2

如果vijayP答案不工作，請嘗試：

(function($){ 

    $.fn.LazyImageLoad = function() { 

     $(this).on('scroll' , function() { 
      doMyStuff(this); 
     }); 
     $(this).on('load' , function() { 
      doMyStuff(this); 
     }); 
     $(this).on('resize' , function() { 
      doMyStuff(this); 
     }); 

    } 

    function doMyStuff(this) 
    { 
     console.log ('Lazy Image Load run') 

     $('img' , this).each(function() { 
      $(this).hide(1000) ; 
     }); 
    } 

})(jQuery);