jCarousel v.0.3.0 - 목록의 첫 번째 항목에 충돌하면 이전을 숨기는 방법?

Question

jCarousel을 사용하려고하는데 캐 러셀이 목록의 첫 번째 항목에 도달 할 때 이전 컨트롤을 제거해야합니다.

나는 (피들보기) 시도했지만 이전 컨트롤에서 한 번 더 클릭하면 발생합니다. 여기

는 바이올린입니다 :

는 슬라이딩 애니메이션을 실행하는 100 밀리 초를 소요하고 있기 때문이다 Preview

Answer 1

문은 CSS 위로 속성이 -60 픽셀을 가지고 시작, 실행되는 경우 . 당신은 시간 제한 호출을 설정하면

, 그것을 잘 작동합니다

$('a.glist-prev').click(function() { 
    setTimeout(function(){ 
     if (parseInt($('ul.ganhadores-list').css('top')) === 0) { 
      $('a.glist-prev').addClass('disabled'); 
     }   
    },200); 
}); 

http://jsfiddle.net/wDu6Z/

업데이트 : 내 대답은 코드가 작동하지 않는 이유와 관련이 있습니다. 구현이 아닙니다. official website에서 적절한 예를 찾을 수 있습니다.

(function($) { 
    $(function() { 
     $('.jcarousel').jcarousel(); 

     $('.jcarousel-control-prev') 
      .on('jcarouselcontrol:active', function() { 
       $(this).removeClass('inactive'); 
      }) 
      .on('jcarouselcontrol:inactive', function() { 
       $(this).addClass('inactive'); 
      }) 
      .jcarouselControl({ 
       target: '-=1' 
      }); 

     $('.jcarousel-control-next') 
      .on('jcarouselcontrol:active', function() { 
       $(this).removeClass('inactive'); 
      }) 
      .on('jcarouselcontrol:inactive', function() { 
       $(this).addClass('inactive'); 
      }) 
      .jcarouselControl({ 
       target: '+=1' 
      }); 
    }); 
})(jQuery);