自定义jCarousel触发器 - 项目结束

Question

我正在使用jCarousel显示项目列表。可以说有8个项目。我显示4，等待10秒，然后滚动显示最后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() 
     }); 
    }; 

我非常新的JavaScript和jQuery。

Answer 1

看起来像jCarouselLite有afterEnd功能。

所以，你应该能够做这样的事情：

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

我不是正面的，如果你有包装内的另一个功能或没有该功能，但为了以防万一，代码成为：

afterEnd: function(){updateConsoles();}