I want to include jquery mobile js in ionic mobile app project

ionic-v1
1

Hi All,

I want to include jquery mobile js in ionic mobile app project. while including i am getting page loading error.

Can any one tell me, what is the issue ? Is it possible??

Thanks.

2

Show us, how you include your libraries and we might help you^^.

3

In index page, I added

like-

<script src="jquery.mobile-1.4.2.min.js" ></script> 
    <script src="jquery.panzoom.min.js" ></script>
4

I think jQuery mobile needs Jquery as a dependency…

Please include jquery before jquery mobile.

5

I already added like this-

<link href="css/app.css" rel="stylesheet">
        <script src="lib/ionic/js/ionic.bundle.js"></script>
        <script src="lib/ionic/js/jquery.js"></script> 
<script src="jquery.mobile-1.4.2.min.js" ></script> 
    <script src="jquery.panzoom.min.js" ></script>
6

you have to load jquery before ionic.bundle.

Because ionic-bundle includes angularjs and jqlite -> so ionic will use jqlite instead of your “real” jquery.
If you load jquery before ionic/angular… you will have full jquery support over “angular.element”

Greetz.

7

Hey @shashikant. If you include the Ionic JS along with Angular and then jQuery Mobile, I think you are going to run into trouble.

Both jQuery Mobile and Angular have ways of “transforming” the page, and I don’t think they are very compatible.

What you could do if you need to use the jQuery Mobile JS is to not use the Ionic JS and just use the Ionic CSS. It’s an option, though I don’t recommend it.

8

Hi Max,

I want display popup with image. which is working for me.
But inside popup image Pinch Zoom functionality should work.

What should i do??