如何在 AngularJS 中使用 jQuery SlideUp 方法的 vanilla JavaScript 要点

Question

我想在我的 AngularJS 项目中使用这个要点：

幻灯片.js

它是 JQuerys 的 slideUp 和 slideDown 方法的原生 JavaScript 版本，我在结束 body 标记之前将脚本包含在角度脚本上方（就像我对 jQuery 所做的那样）。

我的应用程序的动画部分需要 jQuery slideUp 和 slidedown 函数：

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]）。

但是它似乎仍然不起作用，我错过了什么？

Answer 1

我注意到我的问题得到了一些反对票，所以我查看了 slide.js 代码，看起来它与 jQuerys 的幻灯片方法并不完全相同。

所以最后我构建了一个精简版的 jQuery，它可以节省一些时间并按预期工作。