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

Question

我正在使用 jCarousel 来显示项目列表。假设有 8 项。我显示 4，等待 10 秒，然后滚动显示最后 4 个。我希望它显示前 4 个，然后抛出一个触发器，告诉它重新绑定(bind)数据。这些项目将更新并继续像这样循环。

这些项目正在通过 jquery.load [ajax] 加载。我希望这些项目在全部显示后重新绑定(bind)。如果我能在骑行两次后让它们重新绑定(bind)就更好了。我使用 setInterval (基于时间)重新绑定(bind)数据，但我希望它是动态的，这样我就不必在添加更多项目时更改 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();}