Where to include jQuery in Ionic index.html

Question

I have a strange problem here.

I am working on a Ionic (AngularJS) project and using jQuery in one of my controllers, so need to add the reference to it in index.html

If I add reference like this -

<!-- jQuery js -->
<script type="text/javascript" src="lib/jquery/jquery-2.1.3.min.js"></script>
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>

then, I get below error from one of the views -

Error: [$compile:ctreq] Controller 'ionTabs', required by directive 'ionTabNav', can't be found!

But, If I add reference like this -

<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- jQuery js -->
<script type="text/javascript" src="lib/jquery/jquery-2.1.3.min.js"></script>

then, I get below error from another one of the controllers, which was the reason I included jQuery in the first place -

Error: [jqLite:nosel] Looking up elements via selectors is not supported by jqLite!

Not sure how to resolve this? I need to get both functionalities working.

Thanks in advance.

marc_s · Accepted Answer · 2016-02-06 21:26:45Z

3

Looks like this is a conflict between ionic and certain versions of jQuery . https://github.com/driftyco/ionic/issues/1976 - switching the version of jQuery you are using should resolve.

edited Feb 6, 2016 at 21:26

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Mar 8, 2015 at 21:46

lwalden

8037 silver badges11 bronze badges

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

2 Comments

Sam Over a year ago

Oh man! I hope this gets resolved soon. I switched to jQuery 1.11.2 and included it before ionic.bundle.js statement.

Wasif Khalil Over a year ago

i had the same issue, adding jquery before ionic.bundle.js fixed it thanks!

Mark Conroy · Accepted Answer · 2016-01-01 13:29:02Z

1

I have a feeling that the problem here is not with a conflict between ionic (per se) and jQuery, but an issue with Angular and jQuery.

Angular comes with a jQlite version of jQuery and that's probably what is conflicting. You might get some more information from this post on the Ionic Forum.

Sorry I can't be more helpful, I'm only just starting out on my ionic adventures myself.

answered Jan 1, 2016 at 13:29

Mark Conroy

7097 silver badges11 bronze badges

Comments

Michel Arteta · Accepted Answer · 2016-03-08 18:01:19Z

0

You need to use jQuery Lite. Read more at https://docs.angularjs.org/api/ng/function/angular.element

answered Mar 8, 2016 at 18:01

Michel Arteta

1,3742 gold badges13 silver badges25 bronze badges

Collectives™ on Stack Overflow

Where to include jQuery in Ionic index.html

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related