0

我有 3 个 jQuery 工具可滚动设置。他们像冠军一样工作。我似乎找不到或无法理解的是如何让他们在开始滚动之前“延迟”他们的初始起点。

我不希望所有 3 人同时滚动。

我希望左边的在加载时立即滚动。然后中间开始它第一次滚动 800 毫秒后，然后右边开始它第一次滚动 1600 毫秒后。

这是我到目前为止所得到的...... fireDelay 或只是 Delay 或 InitialDelay 等......似乎根本不起作用。

我正在使用这个站点的 jQuery 插件。http://www.jquerytools.org/demos/scrollable/plugins.html它被称为“可滚动插件在行动”。我正在使用它的这个独立视图 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>
4

1 回答 1

0

该插件中没有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);​
于 2012-07-22T07:59:49.183 回答