Question

我有一点麻烦,今天试图说明这一点,即想在我的人力部内制造5件物品(列在同一属性要素下),有的放矢,有的放矢,在阅读关于APICi思想的比喻之后,这将会成为实施缺陷和 show光灯的暗指。

然而,目前使用的是一米:

$( .elements ).each(function() {
    $(this).fadeIn(2000).delay(200).fadeOut(2000).show();
})

但是,所有事情一劳永逸。

在把所有事项合并在一起,从清单的第一个项目(a.k.a-(要素0))开始到最后一个项目,然后又重新开始的时候,如何发挥必然的影响?

在javascript/jquery这样做时是否确实需要这样做? 我希望,类似的功能,即可以链条,使 j能够减少负荷和档案。

此外,是否有办法限制我从散射中流出的图像?

Answer 1

(function loop() {
  $( .elements ).each(function() {
    var $self = $(this);
    $self.parent().queue(function (n) {
      $self.fadeIn(2000).delay(200).fadeOut(2000, n);
    });
  }).parent().promise().done(loop);
}());

demo:

<>strong>updated to have it looping without end.

2nd Update: a different, may be moreable, approach:

(function fade(idx) {
  var $elements = $( .elements );
  $elements.eq(idx).fadeIn(2000).delay(200).fadeOut(2000, function () {
    fade(idx + 1 < $elements.length ? idx + 1 : 0);
  });
}(0));

http://jsfiddle.net/uWGVN/3/

Answer 2

你可以补充呼吁

缩略语

( #clickme ).click(function() {
  $( #book ).fadeOut( slow , function() {
    // Animation complete.
  });
});

并将同一职能称为i++和(......)美元。

http://jsfiddle.net/dFnNL/。

Answer 3

您的外溢情况,以国家安全局为主:

div.(class) { position:relative; overflow:hidden; }

Answer 4

美丽的道路:

(function hideNext(jq){
        jq.eq(0).hide("slow", function(){
            (jq=jq.slice(1)).length && hideNext(jq);
        });

})($( a ))

友情链接