Question

我正在关注AngularJS - UI教程以及我遇到的第一个示例。

我正在尝试使用一个简单的工具提示，我已经包含了所有需要的js文件，但是anglularJS-ui模块抛出异常，说没有名为tooltip的函数存在。我还在我的主模块中包含了'ui'模块，但仍然无法正常工作。

Error: ui-jq: The "tooltip" function does not exist
    at Object.compile (http://localhost:8080/js/lib/angular/ui/angular-ui.js:452:15)
    at applyDirectivesToNode (http://localhost:8080/js/lib/angular/angular.js:4047:32)
    at compileNodes (http://localhost:8080/js/lib/angular/angular.js:3794:14)
    at compileNodes (http://localhost:8080/js/lib/angular/angular.js:3799:14)
    at compileNodes (http://localhost:8080/js/lib/angular/angular.js:3799:14)
    at compileNodes (http://localhost:8080/js/lib/angular/angular.js:3799:14)
    at compileNodes (http://localhost:8080/js/lib/angular/angular.js:3799:14)
    at compileNodes (http://localhost:8080/js/lib/angular/angular.js:3799:14)
    at compile (http://localhost:8080/js/lib/angular/angular.js:3739:29)
    at http://localhost:8080/js/lib/angular/angular.js:932:9 <a title="ahaaaaaaaa" ui-jq="tooltip" href=""> 
enter code here

事先感谢您的帮助。

Answer 1

问题在于包含js文件的顺序。我是JS的新手。这是问题所在。如果你有A.js - ＆gt;取决于B.js - ＆gt;取决于C.js.你必须包括像这样的js

<script type="text/javascript" src="C.js"></script>
<script type="text/javascript" src="B.js"></script>
<script type="text/javascript" src="A.js"></script>

Answer 2

错误消息表示您正确设置了 angularjs-ui 和'ui'模块（因为Angularjs编译器理解了ui-js指令），但参考angular-ui.js设置不正确。

您可以在开发者控制台中尝试$('body')和$('body').tooltip()，以检查是否正确包含jquery.js和jquery-ui.js。

使angularJS-UI与JQuery一起工作需要什么？

2 个答案: