jCarouselLite重新绑定数据

时间:2011-12-30 19:26:16

标签: javascript jquery jcarousel jcarousellite

我的网站上有一个jCarouselLite插件。我正在从jquery.load函数加载li。我在垂直方向上循环旋转并具有一个功能,一旦第一个项目回到顶部就会触发。

此时,我想用另一个ajax.load刷新数据。这是我遇到问题的地方。重新加载数据后,轮播停止旋转(或者更确切地说,在后台运行)。

我尝试过的一个解决方案是尝试用另一个重新设置轮播:

$("#tableapp").jCarouselLite({})

线。这似乎导致两个旋转木马同时运行。然后是第三个,第四个,依此类推。

所以基本上我正在寻找一些方法来清除轮播,重新加载更新的数据,然后再次运行它。有什么想法吗?

    $(document).ready(function () {
            updateConsole()    //Gets new data
            scrollWindow()     //Starts carousell
    });

    function updateConsole() {
         $('#tableapp').load('AjaxPages/ApplicationMonitor.aspx #application');
     }

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

    function ScrollEnd(a) {
        $('#tbDebug').val($('#tbDebug').val() + '\nScroll Ends');

        if (**code that determines slide 1 is back on top**) {
            updateConsoles();
            scrollWindow(); //If this code is commented, the carousel stops cycling.
                            //If it isn't commented, two carousels start and things
                            //get buggy and eventually freezes.
        }
    }

我是javascript,jquery等新手。我也尝试过jCarousel(不是精简版),但是我无法使用垂直滚动。它似乎有点儿。

1 个答案:

答案 0 :(得分:0)

这是一个不特别考虑的建议:

当您滚动结束时,。删除该div。     http://api.jquery.com/remove/ 然后重新创建它并将负载转储到其中。     Creating a div element in jQuery

这会欺骗它吗?