Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/clojure/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在AngularJS中添加其他dom元素时设置dom元素的动画_Jquery_Animation_Angularjs - Fatal编程技术网

Jquery 在AngularJS中添加其他dom元素时设置dom元素的动画

Jquery 在AngularJS中添加其他dom元素时设置dom元素的动画,jquery,animation,angularjs,Jquery,Animation,Angularjs,我想在通过管线添加partialar视图时设置dom元素的动画。 我知道如何为添加的视图元素设置动画,如下所示: HTML 但是我想要一个已经存在于dom中的其他元素 我该怎么做?我想使用jQuery直接寻址另一个元素。我应该使用自定义指令吗?如果我正确理解文档,您应该能够连接到事件中。在你的JS中尝试类似的东西 $(document).on('view-enter', function(){ alert('view-enter triggered'); // Animation

我想在通过管线添加partialar视图时设置dom元素的动画。 我知道如何为添加的视图元素设置动画,如下所示:

HTML

但是我想要一个已经存在于dom中的其他元素


我该怎么做?我想使用jQuery直接寻址另一个元素。我应该使用自定义指令吗?

如果我正确理解文档,您应该能够连接到事件中。在你的JS中尝试类似的东西

$(document).on('view-enter', function(){
    alert('view-enter triggered');
    // Animation
    $('#some-element').addClass('view-enter');
});
这不一定是最好的方法,但至少可以帮助您了解如何继续。

重复问题:
.view-enter, .view-leave {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.view-enter {
  opacity:0;
  left:100px;
  width:100%;
  position:absolute;
}
.view-enter.view-enter-active {
  left:0;
  opacity:1;
}

.view-leave {
  position:absolute;
  left:0;
  width:100%;
  opacity:1;
}
.view-leave.view-leave-active {
  left:-100px;
  opacity:0;
}
$(document).on('view-enter', function(){
    alert('view-enter triggered');
    // Animation
    $('#some-element').addClass('view-enter');
});