사용자 정의 jCarousel 트리거 - 항목 끝

Question

jCarousel을 사용하여 항목 목록을 표시합니다. 8 항목이 있다고합시다. 나는 4를 보여 주며 10 초를 기다린 다음 마지막 4를 보여주기 위해 스크롤을합니다. 그러면 처음 4 개를 보여주고 데이터를 리바 인드하도록 지시하는 방아쇠를 던져주세요. 아이템들은 이와 같이 사이클을 업데이트하고 계속할 것입니다.

이러한 항목은 jquery.load [ajax]를 통해로드됩니다. 모든 항목이 표시되면 항목을 다시 바인딩하고 싶습니다. 두 번 사이클링을 한 후 리바 인드 할 수 있다면 더 좋을 것입니다. setInterval (시간 기반)을 사용하여 데이터를 리 바인드했지만 동적 인 것이 좋으므로 나중에 더 많은 항목이 추가 될 때 javascript 타이머를 변경하지 않아도됩니다.

내 호출 코드는 다음과 같습니다

$(document).ready(function() { 
     updateConsoles(); 


     $("#tableapp").ajaxStop(function() {     
      scrollwindow(); 
     }); 
    });  

    function updateConsoles() { 
     $('#tableapp').load('AjaxPages/ApplicationMonitor.aspx #application'); 
    }   
    function scrollwindow() { 
     $("#tableapp").jCarouselLite({ 
      vertical: true, 
      hoverPause: true, 
      visible: 4, 
      auto: 6000, 
      speed: 500, 
      scroll: 4 
     }); 
    }; 

가 이상적으로 내가 좋아하는 뭔가를 추가 할 수 찾고 있어요 :

function scrollwindow() { 
     $("#tableapp").jCarouselLite({ 
      vertical: true, 
      hoverPause: true, 
      visible: 4, 
      auto: 6000, 
      speed: 500, 
      scroll: 4, 
      whenFinishedCyclingItems: updateConsoles() 
     }); 
    }; 

내가 자바 스크립트와 jQuery를 꽤 새로운 오전.

Answer 1

jCarouselLite은 afterEnd 기능을 가지고 있습니다. 다른 함수 내에서 여부를 그 기능을 포장해야 할 것이다 경우

function scrollwindow() { 
     $("#tableapp").jCarouselLite({ 
      vertical: true, 
      hoverPause: true, 
      visible: 4, 
      auto: 6000, 
      speed: 500, 
      scroll: 4, 
      afterEnd: updateConsoles() 
     }); 
    }; 

나는 긍정적 아니지만, 단지의 경우, 코드는 다음과 같습니다

그래서 당신은 이런 식으로 뭔가를 할 수 있어야한다 be :

afterEnd: function(){updateConsoles();}