I am using AngularJS to build SPA(single page app).i have multiple pages which has linked to jquery.js. when i run the pages separately all the jquery functions successfully executing, but when i access those files from the ng-view element. the jquery from other pages is not at all executing. What may be the problem?
Asked
Active
Viewed 923 times
2
-
You should go through [“Thinking in AngularJS” if I have a jQuery background?](http://stackoverflow.com/questions/14994391/thinking-in-angularjs-if-i-have-a-jquery-background) – Satpal May 24 '15 at 16:01
-
Do you have a code example? – Roman C May 24 '15 at 16:04
-
downvote???? what's happening here? I just give author an upvote – Steve Lam Nov 13 '15 at 06:46
2 Answers
1
I solved it by just removing
$(document).ready(function(){ });
which is inside the embedded pages. Now jquery in all other pages is working fine.
CJAY
- 6,435
- 17
- 58
- 100
0
You should use angular.element('#element') instead of jQuery(#element) or $(#element). Any manipulation done with jQuery might not be reflected in your angular state.
Bwaxxlo
- 1,860
- 12
- 18