버그인지 아닌지는 잘 모르겠지만 여기에 문제가 있습니다. jquery를 사용하여 jcarousel 콘텐츠를 필터링합니다. 다음/이전 버튼을 사용할 때까지 모든 것이 잘됩니다. 필터링의 기본 단계에서는 버튼이 정상적으로 작동하지만 콘텐츠 (이미지)를 필터링하기 시작한 후 jcarousel이 모두 열악 해지기 시작합니다. 예를 들어, 내가 마지막 그림으로 가면 필터링을 마친 후 스테이지에 3을 표시하는 기본 상태의 이미지가 10 개있는 경우 (다음 그림과 같이 버튼을 사용할 수 있고 다른 10-15 픽셀을 스크롤 할 수 있음) 영역에도 공백 만 있습니다.필터 jcarousel 콘텐츠
필터로 제거 된 이미지는 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'값입니다. 필터링이 정상적으로 작동합니다.
답변 해 주셔서 감사합니다. 내가 작동하지 않기 때문에 코드를 게시했습니다. 이 작은 문제로 저를 도울 수 있습니까? – doubleb
jCarousel에서 항목을 숨길 때 크기를 설정할 때의 한 가지 문제점은 브라우저가 크기를 조정할 때와 같은 회전식 캐 러셀의 크기를 조정하면 크기보다 큰 색인이있는 항목이 제거된다는 것입니다. 이것은 몇 가지 큰 문제를 일으킬 수 있습니다. –