Jquery Mobile back button won't work - javascript

I'm making an PhoneGap app using Jquery Mobile, but I have a little problem with the navigation. I've added a back button on the header of every page using this code:
Atras
The problem is that it works fine on my PC browser, but when I install it on the phone it just won't work.
Any ideas?

did you look at the PhoneGap jQM Docs?
http://jquerymobile.com/demos/1.0/docs/pages/phonegap.html
since it's a navigation problem maybe
disabling the pushState feature
as suggested. Also what version of jQM and PhoneGap are you using?
Could be related:
http://encosia.com/why-phonegap-1-1-0-broke-jquery-mobiles-back-button/

Did you try the Ripple emulator (Chrome version) to check if there's any JavaScript error?

Related

cordova app to wp8 window.location not working windows phone

I have created an app with jquery mobile and html5. I created a wp8 package using cordova for the same and have openend the solution with visual studio. The issue I am facing is that the window.location is not working. I have given
window.location.href='home.html#basic' making it redirect to a particular div. I also tried window.location.replace. Using show and hide dive makes the functionality work but many css issues are coming when i use div show and hide. I have gone through many previous questions but still not found any solution. Please help.
Hi all it worked i changed it to $.mobile.changePage('#basic'); and it worked

Correct way to handle navigation in offline Jquery Mobile app for iOS

I have a Jquery mobile app that became completely broken on iOS the moment I add offline support via an application cache manifest as described here:
https://github.com/jquery/jquery-mobile/issues/6494
There is lots of discussion about this but I have yet to find a clear answer as to whether I can have offline support on mobile safari and preserve the nice looking transitions of Jquery Mobile.
Can it be done?
I finally got it working. This was what I did:
Apply prefilter as per Using the Application Cache
change any href="#" to href="index.html"
change any dialog("close") to $.mobile.changePage('index.html')
The only weirdness remains is that in order for it to work offline the app must be launched twice after being added to the home screen.

How to make UI in PhoneGap, jQuery Mobile good?

I'm new to PhoneGap. I created a sample application using ponegap and jquery mobile which contain some button and few other form elements. While I installed in my mobile(Samsung Ace), i feel the UI of button and few other form elements are not looking good. Cornering in button is not perfect.
I'm using the following
cordova-2.9.0.jar
jquery-2.0.3.min.js
jquery.mobile-1.3.2.min.js
jquery.mobile-1.3.2.min.css
Am i missing anything? Please help me.How to make the UI look and feel good?
Thanks
To make UI in Phonegap, jQuery Mobile is good, but not the best. If You want the best result in performance and UI then you'll have to use Sencha Touch. Please visit this Link it may be helpful to you.
I would suggest to use ThemeRoller to get your UI in jQuerymobile framework
Check the following link
http://jquerymobile.com/themeroller/index.php
Speaking for myself, I've used jQuery Mobile with Phonegap, and I'm fairly happy with it. I don't think the problem you're having with the corners is jquery mobile, but rather related to whatever emulator program you're using; they work fine for me on various resolutions on my laptop, tablet, s3 & iphone, even when I zoom out/in between 25% and 500% on chrome using ripple.
To make a nicer interface, you can use jQuery Mobile's ThemeRoller.
jQuery Mobile framework is not important for phonegap app, you can customize your own styles using normal HTML and CSS (CSS3 also).

open native select pop-up in android with js

I'm developing android and ios app with phonegap, so i have a select and i want to open it with js, on ios simply focusing element works nice, but in android it does nothing, simulating click on select also gave no result, maybe there are some plugin for that?
finaly i found a plugin for this issue, you can download it from here

Jquery mobile with Android not displaying correctly

I am using jquery mobile 1.1.1 with android 4.0.3 and phonegap. Everything seems to be running smoothly and on iOS and the earlier android versions however, on this version of android stuff is displaying incorrectly. I am dynamically creating an unordered list and then calling $('#myList ul').listview('refresh'); on it. However when it displays it looks like this:
Then I click the screen and it flickers and displays as this(notice how I lose the footer):
Is this a bug with android 4.0.3? Is there a way to get this to display correctly off the bat?
I had it today. I don't know if you're in the same case as me, but I used -webkit-backface-visibility:hidden css attribute to "correct" the white flash with previous version of jQuery Mobile. But in the 1.1.1 with PhoneGap, I had the same thing than you.
So if you use it, just remove it ! If not, I'm sorry for you...

Categories