0

我不确定如何添加到我正在尝试构建的这个非常简单的滑块上。这是一个小提琴

我的滑块功能

  function fadeContent() {

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

  }

如果你知道一个更好的方法来写这个，那么请分享，你可以添加到我的小提琴中

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

所以我对这篇文章的实际问题是看一下小提琴，你会看到.static-loader它设置为 0%，我想在函数内将它动画化为 100%，因为内容.fadeIn(500)像 css 一样以 id淡入在 100% 消失的同时，我尝试了许多不同的方法。

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

4

1 回答 1

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();           
       }); 
    });
}

小提琴

于 2013-08-19T10:08:17.323 回答