Question

我不知道如何添加到我正在尝试构建的这个非常简单的滑块上。继承人fiddle

我的滑块功能

  function fadeContent() {

      $(".div-roles div:hidden:first-child").fadeIn(500).delay(3000).fadeOut(500, function () {
          $(this).appendTo($(this).parent());
          fadeContent();
      });

  }

如果您知道更好的方式来写这个，那么请分享，您可以添加到我的fiddle

我尝试添加类和动画类似于click函数的东西，但它似乎没有相同的工作，我在其他地方得到了这个代码的想法，我从未在函数ex中传递函数名称。 fadeContent();所以对我来说，看起来它是导致它循环的原因，而不是100％确定它是那个还是.appendTo。

所以我对这篇文章的实际问题是查看fiddle并看到.static-loader设置为0％，我想在函数内部将其设置为100％，因为内容在.fadeIn(500) id处逐渐消失，就像css在100％中逐渐消失一样，我尝试了很多不同的方式。

我只是不确定要采取什么角度，我希望与你们分享一些想法。

Answer 1

尝试拨打fadeOut中的fadeIn callback function，

function fadeContent() {
    $('.static-loader').animate({'width':'100%'},2000);
    $(".div-roles div:hidden:first-child").fadeIn(2500,function(){
       $('.static-loader').width('0%');
       $(this).fadeOut(2000, function () {
          $(this).appendTo($(this).parent());
          fadeContent();           
       }); 
    });
}

Fiddle

淡入淡出内容简单滑块？

1 个答案: