Пользовательский триггер jCarousel - конец элементов - PullRequest
Новая
       24

Пользовательский триггер jCarousel - конец элементов

1 голос
/ 29 декабря 2011

Я использую 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.

1 Ответ

0 голосов
/ 29 декабря 2011

Похоже, что jCarouselLite имеет функцию afterEnd.

Так что вы должны быть в состоянии сделать что-то вроде этого: 

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

Я не уверен, если вам придется обернуть эту функцию внутри другой функции или нет, но на всякий случай код будет: 

afterEnd: function(){updateConsoles();}
...