Angularjs:如何在排序时淡出div元素?

时间:2016-10-03 19:22:20

标签: javascript jquery angularjs fadeout

我正在根据计时器对数据进行排序。降低计时器的位置。

例如:

No      Timer      
1.      0h:39m     [+1hr]
2.      01h:22m    [+1hr]
3.      03h:01m    [+1hr]

当我按[+ 1hr]时,它将在所选值上增加1小时并对其进行排序。但它没有良好的UI效果。它很快,我们没有注意到这种情况。

为防止天气混乱,计时器是否添加,我希望平滑过渡,以便用户知道它的工作原理。

我希望它能慢慢淡出,并可能显示短消息,如:

  

“1小时补充!现在排序......”

然后排序。

我目前的代码是:

<div ng-repeat="player in AllPlayers | orderBy: 'timer'">
    <div id="SingleCard" class="card">
      HTML / ANGUAR Code
    </div>
</div>

点击[+1]后,id="SingleCard"就可以了。排序时应该淡出。

如何使用Anguarjs或jQuery执行此操作?

0 个答案:

没有答案