如何在AngularJS中使用jQuerys SlideUp方法的JavaScript要点
我想在我的AngularJS项目中使用以下要点: 这是JQuerys的slideUp和slideDown方法的一个普通JavaScript版本,我在结束body标记之前加入了angular脚本上面的脚本,就像我在jQuery中所做的那样 我的应用程序中需要jQuery slideUp和slidedown功能的动画部分:如何在AngularJS中使用jQuerys SlideUp方法的JavaScript要点,javascript,jquery,angularjs,slideup,gist,Javascript,Jquery,Angularjs,Slideup,Gist,我想在我的AngularJS项目中使用以下要点: 这是JQuerys的slideUp和slideDown方法的一个普通JavaScript版本,我在结束body标记之前加入了angular脚本上面的脚本,就像我在jQuery中所做的那样 我的应用程序中需要jQuery slideUp和slidedown功能的动画部分: app.animation('.slide', function () { return { beforeAddClass: function (element
app.animation('.slide', function () {
return {
beforeAddClass: function (element, className, done) {
if (className === 'ng-hide') {
element.slideUp({ duration: 350 }, done);
}
},
removeClass: function (element, className, done) {
if (className === 'ng-hide') {
//element.hide().slideDown({ duration: 350 }, done);
element[0].style.display = "none";
element.slideDown({ duration: 350 }, done);
}
}
}
});
我编辑了该部分以删除另一个jQuery函数“hide”。
另外,在侧注中,元素现在返回undefined,而不指定第一个DOM元素-[0]
但是它似乎仍然不起作用,我还缺少什么?我注意到我的问题得到了一些反对票,所以我查看了slide.js代码,看起来它的工作方式与jQuerys的slide方法并不完全相同 因此,最后我构建了一个简化版的jQuery,它节省了一些代码,并且工作正常