1

jCarousel を使用してアイテムのリストを表示しています。8つのアイテムがあるとしましょう。4 を表示し、10 秒待ってから、スクロールして最後の 4 を表示しています。最初の 4 を表示してから、データを再バインドするように指示するトリガーをスローしたいと思います。アイテムは更新され、このように循環し続けます。

これらのアイテムは、jquery.load [ajax] を通じてロードされています。アイテムがすべて表示された後、アイテムを再バインドしたい。2回サイクリングしたら再バインドできればもっといいのに。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にかなり慣れていません。

4

1 に答える 1

0

jCarouselLiteには機能があるようafterEndです。

したがって、次のようなことができるはずです。

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

その関数を別の関数内にラップする必要があるかどうかはわかりませんが、念のため、コードは次のようになります。

afterEnd: function(){updateConsoles();}
于 2011-12-29T18:10:30.870 に答える