如何延遲或fireDelay爲3個jQuery工具滾動項目

Question

我有3個jQuery工具可滾動設置。他們像冠軍一樣工作。 我似乎無法找到或包裹我的頭，是如何讓他們在開始滾動之前「延遲」他們的初始起點。

我不想要的是所有3在同一時間滾動。

我想讓左邊的人立即滾動加載。然後中間開始它第一次滾動800毫秒後，然後右邊的一個開始它第一次滾動1600毫秒後。

這是我到目前爲止... fireDelay或只是延遲或InitialDelay等...似乎根本不工作。

我使用本網站的jQuery插件。 http://www.jquerytools.org/demos/scrollable/plugins.html它被稱爲「Scrollable Plugins in Action」。我正在使用這個獨立視圖3次。 http://www.jquerytools.org/demos/scrollable/plugins-navigator.htm我給每一個它自己的ID讓它工作。

想法或想法讚賞！

<!-- javascript coding --> 
    <script type="text/javascript"> 
    $(document).ready(function() { 

    // heeeeeeeeeeere we go. 
    $("#chained1").scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ 
    fireDelay: 800, 
    interval: 3000 
    }); 

    $("#chained2").scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ 
    fireDelay: 1600, 
    interval: 3000 
    }); 

    $("#chained3").scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ 
    fireDelay: 3200, 
    interval: 3000 
    }); 

    }); 
    </script> 

Answer 1

存在這樣的插件沒有fireDelay財產，但JavaScript和setTimeout和clearTimeout功能，您可以使用計數。

$.fn.timeout = function(fn, delay){ 
    var self = this; 
    setTimeout(function(){ 
    self.each(function(){ 
     fn.call(this); 
    }); 
    }, delay); 
    return this; 
}; 

套裝autoplay到false，然後調用.play()每當你想要啓動它。

$("#chained1") 
    .scrollable({ 
    circular: true, 
    mousewheel: false 
    }) 
    .navigator() 
    .autoscroll({ 
    interval: 3000, 
    autoplay: false 
    }) 
    .timeout(function(){ 
    $(this).data("scrollable").play(); 
    }, 800);​