javascript - 悬停时转换的 Angular 自定义指令显示错误

Question

我正在编写一个自定义 Angular Directive(指令)来在悬停时转换元素。但是，我得到了$().transition()未定义。

可能会出现什么问题？

  angular.module('plunker', [])
   .controller('AnimateCtlr', function(){      
  })
 .directive('hoverToTransit', function(){
  var linker = function(scope, element, attrs) {    
        element.hover(
        function () {
          $(this).transition({ scale: 1.3 });
        },
        function () {
          $(this).transition({ scale: 1 });
        }
    ); 
  };

    return {
        restrict: 'AE',
        replace: false,
        link: linker  
    };
});

笨蛋在这里:http://plnkr.co/edit/PriRMVZh0GLx4XdsxDsP?p=preview

Answer 1

transition不是jquery的原生方法。

您必须单独包含转换库。

就像我使用 Transit 并且工作正常。

PLNKR