게으른 로딩 플렉스 라이더

Question

제 자바 스크립트 스킬은 초보자이지만 here에서 느린 로딩 플렉스 슬라이더 솔루션을 구현하려고했습니다. 아니라, 그러나 슬라이더가 내가 콘솔 오류 받고 있어요 일단 순환있다 슬라이더 및로드 작업 :

내 JS 머리에 앉아있다 "메서드를 호출 할 수 없습니다 'removeAttr'정의의 catch되지 않은 형식 오류"

이

을 :

JS

<script type="text/javascript" charset="utf-8"> 
    $(window).load(function() { 
     $('.projcontainer').flexslider({ 
      slideshow: false, 
      after: function(slider) { 
       var slides = slider.slides, 
         index = slider.animatingTo, 
         $slide = $(slides[index]), 
         $img = $slide.find('img[data-src]'); 
       if ($img) { 
       $img.attr("src", $img.attr('data-src')).removeAttr("data-src"); 
       } 
      } 
     }); 
    }); 
    </script> 

HTML :

,

<li> 
    <img class="lazy" src="loading.gif" data-src="myimage.png"/> 
</li> 

제한된 지식으로 "else if"문을 완성해야하지만 그것은 나에게 일어나지 않습니다. 어떤 도움이라도 대단히 감사하겠습니다.

Answer 1

변경 if ($img)에서 if ($img.length)으로 변경하십시오. $img이 결코 null이 아니기 때문에 if 조건이 항상 전달됩니다 (jQuery 객체).