jCarouselLite Перепривязка данных

У меня есть плагин jCarouselLite на моем сайте. Я загружаю li из функции jquery.load. Я прокручиваю карусель по вертикали, и у меня есть функция, которая срабатывает, как только первый элемент возвращается наверх.

На данный момент я хочу обновить данные с помощью другого 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 (не lite), но не смог заставить его работать с вертикальной прокруткой. Это казалось глючным.


person lorengphd    schedule 30.12.2011    source источник
comment
Чтобы решить эту проблему, я в конце концов начал использовать jCarousel, а не jCarouseLite.   -  person lorengphd    schedule 09.01.2012


Ответы (1)


Вот не особо продуманное предложение:

Когда вы ScrollEnd, .remove этот div. http://api.jquery.com/remove/ Затем создайте его заново и выгрузите в него нагрузку. Создание элемента div в jQuery

Это заставляет его работать?

person Adam Marshall    schedule 06.03.2012