如何延迟或使用3个jQuery Tools可滚动项目的fireDelay
我有3个jQuery Tools Scrollables设置。 他们像冠军一样工作。 我似乎无法找到或包围我的头脑是如何让他们在开始滚动之前“延迟”他们的初始起点。
我不想要的是所有3在同一时间滚动。
我希望左边的一个在加载时立即滚动。 然后中间开始它第一次滚动800毫秒后，然后右边开始它第一次滚动1600毫秒后。
这就是我到目前为止所得到的…… fireDelay或者只是Delay或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以便它可以工作。
思想或想法赞赏！
$(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 }); }); 该插件中没有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);