jQuery Tools의 단일 항목에 대한 스크롤 가능 구성 요소를 올바르게 초기화하는 방법은 무엇입니까?

Question

jQuery Tools의 Scrollable 구성 요소를 사용하는 웹 페이지를 만들었으며이 페이지는 minimal setup demo을 기반으로합니다. 이 데모에서와 마찬가지로 내 페이지에서도 다섯 개의 축소판 이미지를 저장할 공간이있는 스크롤 가능 항목을 사용하지만 처음 페이지를로드 할 때 세 개의 축소판 이미지 만 포함하고 나머지 두 개의 이미지 슬롯은 비어있는 단일 스크롤 가능 항목 만 필요합니다. 데모에서 3 개의 스크롤 가능 항목 div를 하나의 스크롤 가능 항목 div로 대체하고 모든 것이 잘 보일 것이라고 생각했지만, 그렇게하면 왼쪽/이전 및 오른쪽/다음 아이콘이 작동하지 않는 것을 볼 수 있습니다. 스크롤 할 이전 또는 다음 스크롤 가능 항목이 없습니다.

저는 jsfiddle 사이트 here에서 수행하려고 시도하는 것을 보여줍니다. 그것은 본질적으로 위의 참조 된 데모이며 적용 할 수없는 스크롤 가능한 항목 div와 자식 img가 주석 처리되어 있습니다.

스크롤 할 수있는 왼쪽/이전 및 오른쪽/다음 아이콘이 표시되지 않고 스크롤 가능한 항목이 페이지에 하나만 있도록 스크롤을 초기화 할 수 있습니까? 내가 가지고 올 수 당신의 도움, 제안 등

Answer 1

최고의 사전에

덕분에 초기화 후

if($(".scrollable .items div").length < 2) $("a.browse").hide(); 

입니다.

Answer 2

기본적으로 찾아보기 단추를 숨기고 싶으면 필요하면 표시하십시오.

는 CSS에서

, 기본 a.browse 초기화에서 다음

visibility: hidden에 : 이것은 그들이 볼 수하지 않을 경우 일시적으로 찾아보기 버튼을 표시하는 비트 해키 보이지만, 피할 수

$(".scrollable").scrollable().each(function() { 
    var scroller = $(this).data("scrollable"); 
    scroller.getNaviButtons().css('visibility', 'visible'); 
    if (scroller.getSize() <= 1) { 
    scroller.getNaviButtons().addClass('disabled'); 
    } 
}); 

.