李jquery之后FadeIn li不会工作

Question

我正在创建一个淡入淡出效果的投资组合网格，在li之后逐渐消失（投资组合图像在下一个之后）。

我尝试了很多方法，但它不起作用。

(function($){
  $.fn.showdelay = function(){
    var delay = 0;
    return this.each(function(){
      $(this).delay(delay).fadeIn(1800);
      delay += 1000;
    });
  };
})(jQuery);

$(document).ready(function(){
  $('#portfolioslider li').showdelay();
});

我该如何解决这个问题？

非常感谢提前。

Here是代码！

Answer 1

为display:none样式添加#porfolioslider li：

#portfolioslider li {
    float: left;
    display:none;
}

生活演示：http://jsfiddle.net/rC7Lr/3/

请记住，为了fadeIn某事，必须先隐藏它。如果它已经可见，你打算淡入什么？ ：）