What is needed to make angularJS-UI work with JQuery?

Question

I am following the AngularJS-UI tutorial and just about the first example I stuck.

I am trying to use a simple tooltip, I have included all js files needed but an exception is thrown by anglularJS-ui module says there is no function called tooltip exists. I Also included the 'ui' module in my main module but, still not working.

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

thanks in advance for help.

Adelin · Accepted Answer · 2012-11-30 08:48:53Z

2

The problem was in the order of including js files. I am new to JS in general. This was the problem. If you have A.js -> depends on B.js -> depends on C.js. You have to include js like this

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

answered Nov 30, 2012 at 8:48

Adelin

19.2k27 gold badges132 silver badges203 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

prayagupadhyay · Accepted Answer · 2013-10-19 13:18:05Z

1

The error message means that you set up angularjs-ui and the 'ui' module correctly (as the ui-js directive was understood by the Angularjs compiler), but the reference to angular-ui.js is not set up correctly.

You could try $('body') and $('body').tooltip() in the developer console to check whether jquery.js and jquery-ui.js is included correctly.

edited Oct 19, 2013 at 13:18

prayagupadhyay

31.4k14 gold badges165 silver badges199 bronze badges

answered Nov 29, 2012 at 23:33

Adam Ritter

1,1681 gold badge7 silver badges5 bronze badges

Collectives™ on Stack Overflow

What is needed to make angularJS-UI work with JQuery?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related