自定义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()
        });
    };

我对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();}