2012-09-28 1 views
1

처음에는 ul 아래에 세 개의 항목이 있습니다. jCarousel 인스턴스는 ui로 생성되며 3 개의 li 항목으로 성공적으로 회전식 슬라이드 쇼를 표시합니다. 기본적으로 회전식 캐 러셀에는 세 가지 항목이 표시되므로 Next/Prev 버튼이 비활성화됩니다.왜 jCarousel Next/Prev 버튼이 항목을 추가 한 후 활성화되지 않는 이유

이제 $ ('# mycarousel'). data ('jcarousel'). add (...) 메소드를 사용하여 캐 러셀 아래에 새 li 항목을 추가합니다. 그것은 li이 적절한 jcarouselidex와 함께 ul 아래에 추가되었음을 보여 주지만, 회전 장치의 Next/Prev 버튼은 비활성화 된 상태로 남아있어서 회전식에서 볼 수 없습니다.

참고 : 4 개 이상의 항목이있는 회전식 캐 러셀을 만들면 다음/이전 버튼이 활성화되어 완벽하게 작동합니다.

내가 시도한 것 : 다음/이전 버튼의 div가 비활성화되어있어 새 항목을 추가 한 후에 div를 활성화합니다. 다음/이전 버튼이 활성화되었지만 아무 것도하지 않습니다.

모든 해결 방법을 높이 평가할 것입니다.

감사합니다.

답변

0

이것은 내 부분에서도 잘 알고 있습니다. reload() 함수를 호출 한 후 배열의 새 크기로 size() 함수를 호출했습니다. 여기에 샘플이 있습니다 :

  carousel = jQuery('#header_selector').data('jcarousel'); 
      carousel.reset(); 
      for(n = 0; n < response.images.length; n++) { 
       carousel.add(n, '<img src="' + response.images[n] + '" />'); 
      } 
      carousel.scroll(carousel.first); 
      carousel.reload(); 
      carousel.size(response.images.length); 

사진을주세요.

+0

예 기존 회전식 개체와 함께 carousel.reset() carousel.size()와 동일한 작업을 수행했으며 나에게도 효과적이었습니다. 죄송합니다.이 게시물에 시간을 추가 할 수 없습니다. 답장을 보내 주셔서 감사합니다. –