缩小的JS只能通过将源粘贴到Controller中来实现

时间:2013-07-18 15:03:13

标签: javascript jquery angularjs

我不确定我是否有明确的方式来展示/描述我遇到的问题。但是这里有:

我用AngularJS开发了一个应用程序(尚未投入使用)。我们决定需要对表格中的某些指标进行工具提示。我们喜欢TipTip jQuery Plugin的一般外观。 在我的index文件中,我正确地包含了minified.js:

<script src="../assets/javascripts/app/jquery.tipTip.minified.js"></script>

(是的,路径是正确的。我可以点击chrome developer工具中的链接并查看源文件。)

在我的控制器中,我用它来称呼它:

$scope.addTolltips = function() {
    $timeout(function(){$('.results-metrics').tipTip({maxWidth:"300px", defaultPosition: "top"});},500);
}

我添加了$timeout以确保有足够的时间让页面上的动态内容加载到DOM中。我知道它可能不再需要了。

但是当调用tipTip()时,我收到一个控制台错误:

TypeError: Object [object Object] has no method 'tipTip'

但是,如果我在tipTip()之前使用缩小的源并将其粘贴到我的控制器中,那么一切都很完美。 有什么想法吗?

1 个答案:

答案 0 :(得分:1)

angularjs通过angular.element函数(http://docs.angularjs.org/api/angular.element)提供jQuery功能,因此您应该使用它而不是$(但是,我无法解释为什么$不是{{1}}在你的情况下工作)