Jquery CSS3-通过添加类名在动画完成后回调

如何在

angular

中进行回调以在完成动画添加

类名后调用函数

这是我的密码：

var myApp = angular.module('myApp', []);
myApp.controller('count', function($scope) {
    $scope.animate = function () {
        $('h2').addClass('fade'); //adding animation 1s
        //opcity done how to put a call back?
        $scope.done = function () { //call after 1s..?
            console.log('done');
        }
    }
});

<div class="container" ng-app="myApp">
    <div class="content" ng-controller="count">
        <h1 ng-click="animate()">Click ME</h1>
        <h2>Let me Fade</h2>
    </div>
</div>

var myApp=angular.module（'myApp'，[]）；
myApp.controller（'count'，函数（$scope）{
$scope.animate=函数（）{
$（'h2'）.addClass（'fade'）；//添加动画1
//opcity怎么回电话？
$scope.done=函数（）{//在1s后调用。。？
console.log（'done'）；
}
}
});
点击我
让我淡出

既然您标记了jQuery，那么从jQuery中使用它怎么样，比如
$（选择器）.淡出（速度，放松，回调）
其中速度您可以执行“快”或“慢”操作，或者为速度增量定义毫秒放松，无论它是恒定的“线性”还是在“摆动”结束时更快然后调用回调函数，请参考此

给你

编辑：

这是angularjs的方法，但这不是我的。自从您为jQuery添加了标签后，我就学会了它，从jQuery中使用它怎么样，比如
$（选择器）.淡出（速度，放松，回调）
其中速度您可以执行“快”或“慢”操作，或者定义毫秒放松以实现速度增量，无论它是恒定的“线性”还是在“摆动”结束时更快然后调用回调函数，请参考此

给你

编辑：

这是angularjs的方法，但这不是我的。我了解到，我知道jquery无法捕捉css中发生的动作。。所以你不能用addClassok检查，你能告诉我正确的方法吗更新我的Fiddle我知道jquery无法捕获css中发生的操作。。所以你不能用addClassok检查，你能告诉我正确的方法吗更新我的Fiddle我知道jquery无法捕获css中发生的操作。。所以你不能用addClassok检查，你能告诉我正确的方法吗更新我的小提琴是的，我同意。作品但我想这不是角度的方法，因为我混合了
jquery
。stall for knowledge你能给我看看这里的
angularjs
方法吗？@user2024080更新了我的答案，但实际上这是我在项目中仍然使用angularjs时学到的知识的复制粘贴。我太想念安格拉斯了，你的小提琴好像坏了。切换到其他框架？-那是什么？还是留在其他平台？@user2024080 Hmmm奇怪，它确实有效。是angularjs指令你不知道吗？你点击了哪一个？我修改了你的，是的，我同意。作品但我想这不是角度的方法，因为我混合了
jquery
。stall for knowledge你能给我看看这里的
angularjs
方法吗？@user2024080更新了我的答案，但实际上这是我在项目中仍然使用angularjs时学到的知识的复制粘贴。我太想念安格拉斯了，你的小提琴好像坏了。切换到其他框架？-那是什么？还是留在其他平台？@user2024080 Hmmm奇怪，它确实有效。是angularjs指令你不知道吗？你点击了哪一个？我修改了你的，是的，我同意。作品但我想这不是角度的方法，因为我混合了
jquery
。stall for knowledge你能给我看看这里的
angularjs
方法吗？@user2024080更新了我的答案，但实际上这是我在项目中仍然使用angularjs时学到的知识的复制粘贴。我太想念安格拉斯了，你的小提琴好像坏了。切换到其他框架？-那是什么？还是留在其他平台？@user2024080 Hmmm奇怪，它确实有效。是angularjs指令你不知道吗？你点击了哪一个？我修改了你的lol
var myApp = angular.module('myApp', []);

myApp.controller('count', function($scope) {
    $scope.animate = function () {
        $scope.done = function () { //call after 1s..?
            console.log('done');
        }
        $('h2').fadeOut("slow","linear", $scope.done)
    }
});