jQuery 일단 스크롤이 끝나면 다시 시작합니다.

Question

끝에 도착하면 가장 새로운 jQuery Tools의 Scrollable에서 첫 번째 항목으로 돌아가려고합니다. 현재 가로/세로 4 개 항목을 표시하고 있으며 다음/이전 버튼과 함께 한 번에 한 항목 씩 이동합니다. 'circular'이라는 속성이 있지만 마지막 항목이 유일한 항목에 나타날 때까지 적용되지 않습니다. 마지막 항목에 도달하면 스크롤 가능 항목을 중지 한 다음 첫 번째 항목으로 스크롤해야합니다.

나는 등 이미 몇 가지를 시도했다 :

jQuery(function() { 
    // Initialize the Scrollable control 
    jQuery(".scrollable").scrollable(); 
    // Get the Scrollable control 
    var scrollable = jQuery(".scrollable").data("scrollable"); 
    // Set to the number of visible items 
    var size = 4; 

    // Handle the Scrollable control's onSeek event 
    scrollable.onSeek(function(event, index) { 
     // Check to see if we're at the end 
     if (this.getIndex() >= this.getSize() - size) { 
     // Disable the Next link 
     jQuery("a.next").addClass("disabled"); 
     } 
    }); 

    // Handle the Scrollable control's onBeforeSeek event 
     scrollable.onBeforeSeek(function(event, index) { 
     // Check to see if we're at the end 
     if (this.getIndex() >= this.getSize() - size) { 
     // Check to see if we're trying to move forward 
      if (index > this.getIndex()) { 
      // Cancel navigation 
      scrollable.seekTo(0,1000); 
      } 
     } 
     }); 
}); 

다시, 문제는 원형이 보여주는 2 4 중 빈 항목이 될 때까지 트리거 다음이됩니다 시작되지 않는 것입니다 다른 두 사람을 채 웁니다, 나는 이것이 더 매끄럽게 만들고 빈 아이템을 보여줄 수 있는지 궁금합니다.

jQuery를 도구 되돌려 고정

Answer 1

문제

I는 그 끝에 도달 한 때를 검출하기 위해 다음 코드를 사용한

이 후 처음으로 스크롤 v1.2.7에서 v1.2.5하기 [사이트 제거] 끝에 도달하면 항목 목록에

var $scroller = $('.scrollable').scrollable({onBeforeSeek:carousel}).autoscroll().data('scrollable'); 

$items = $('.scrollable .items div'); 
function carousel(e, idx) { 
    // set this to 4 so it stops after 4 items 
    if(idx > $scroller.getSize() - 4) { 
     // return the beginning 
     $scroller.seekTo(0).stop(); 
     // stop when we reach the end 
     return false; 
    } 
}