필터 jcarousel 콘텐츠

Question

버그인지 아닌지는 잘 모르겠지만 여기에 문제가 있습니다. jquery를 사용하여 jcarousel 콘텐츠를 필터링합니다. 다음/이전 버튼을 사용할 때까지 모든 것이 잘됩니다. 필터링의 기본 단계에서는 버튼이 정상적으로 작동하지만 콘텐츠 (이미지)를 필터링하기 시작한 후 jcarousel이 모두 열악 해지기 시작합니다. 예를 들어, 내가 마지막 그림으로 가면 필터링을 마친 후 스테이지에 3을 표시하는 기본 상태의 이미지가 10 개있는 경우 (다음 그림과 같이 버튼을 사용할 수 있고 다른 10-15 픽셀을 스크롤 할 수 있음) 영역에도 공백 만 있습니다.

필터로 제거 된 이미지는 fadeOut 애니메이션으로 출력됩니다.

모든 필터링 작업 후에 jcarousel을 호출하려고했지만 동일한 결과가 나타납니다. 경우에 따라 필터를 적용한 후 이전 btn. 사용할 수 없지만 빈 공간의 100-200px 영역을 스크롤 할 수 있습니다.

지난 3 일 동안이 문제를 해결하기 위해 노력했지만 올바른 해결책을 찾지 못했습니다.

내 영어 죄송합니다

감사 :-)

업데이트 :

여기 내 코드는 아마 문제 이해 도움이 될 것입니다 :

$(".anim").jcarousel(); 
$("#menu ul li").click(function() { 
    var flt = $('a', this).attr('rel'); 
    $('.anim li').each(function() { 
     if(!$(this).hasClass(flt)) { 
      $(this).fadeOut('normal'); 
     } else { 
      $(this).fadeIn('normal'); 
      } 
     }); 
    return false; 
}); 

jCarousel 구조 (.anim를) is :

<ul class="anim"> 
<li class="flt1"><img ... /></li> 
<li class="flt1"><img ... /></li> 
<li class="flt1"><img ... /></li> 
<li class="flt2"><img ... /></li> 
<li class="flt3"><img ... /></li> 
</ul> 

flt1..3은 내 필터와 메뉴 링크의 'rel'값입니다. 필터링이 정상적으로 작동합니다.

Answer 1

얼마나 많은 항목이 아직 남아 있는지 jCarousel에 명시 적으로 알려줘야합니다.

예를 들어, 여기에 내가 마지막에 내가 크기를 설정 얼마나 jCarousel의 설정에

function(carousel, state) { 

       if (state != 'init') return; 

       getProperties(function(properties) { 
        $.each(properties, function(i, property) { 
         carousel.add(i + 1, getPropertyHtml(property)); 
        }); 

       carousel.size(properties.length); 



       }); 

      } 

통보를 익명 함수는? 당신이해야 할 일은 configuration에서 적절한 콜백을 찾은 다음 항목의 새로운 길이를 설정하는 것입니다.