我如何修复＆jQuery draggable不是一个功能＆＃39;在AngularJS指令中

Question

我在AngularJS中创建了一个自定义指令，但它产生了一个错误。

这是我的代码：

myApp.directive("dragMe", function() {
    return {
        restrict: 'E',
        scope: {},
        templateUrl: 'dragMe.html',
        link: function(scope, element, attrs) {
            setTimeout(function(){
                $(".dummy").draggable()
            }, 1000);
        }
    };
})

在添加此指令时，我收到错误：

  

draggable不是函数

我在主HTML文件中添加了jQuery文件，并在angular文件之前添加了它。有什么问题？

Answer 1

当您不包含jQuery UI库时会导致这种情况。 Draggable不是核心jQuery的一部分，它是UI扩展的一部分。

在jQuery引用下添加jQuery UI，你会没事的。