Ionic with jQuery

Question

i am trying to build a mobile app, but i need some jQuery functions to make it function. at first i thought nothing was wrong since i am debugging it using ionic serve on firefox and everything seems to function. all interface runs smooth and jquery commands executing properly. but when i compiled the app and installed it on my android device. the jquery functions seems to not respond.

i embedded a CDN for the jQuery

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"> </script>

i hope somebody can help me out here.

if you include the jquery file in your project does it still gives the same error? — Miguel
– Miguel, Commented Aug 20, 2015 at 11:27
You shouldn't use jQuery with Ionic/Angular cause you shouldn't manipulate the DOM with jQuery but use angular directives instead. More info here. — LeftyX
– LeftyX, Commented Aug 20, 2015 at 11:52
@LeftyX, so in short AngularJS and jQuery doesn't mix together ? — TheBloodShed
– TheBloodShed, Commented Aug 20, 2015 at 12:01
@TheBloodShed: Yes. I would suggest not using jQuery and go for angular directives. Ionic is build on top of AngularJs and defines directives and modules. You can find angular modules for pretty much everything. — LeftyX
– LeftyX, Commented Aug 20, 2015 at 12:05

truchiranga · Accepted Answer · 2016-03-25 05:30:06Z

2

Since you have used a CDN for jQuery the application makes a http request to retrieve the js file when its run. This happens in background when you run the application on the browser with ionic serve. But when you run it on a mobile device it needs to have special permissions configured to make the required http requests.

White listing the domain using the cordova-plugin-whitelist will solve the issue.

answered Mar 25, 2016 at 5:30

truchiranga

4995 silver badges10 bronze badges

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

Collectives™ on Stack Overflow

Ionic with jQuery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related