We have the latest JQM, Jquery. We have a settings page with 6 select boxes on and a fixed footer with 4 <a> buttons.
If you scroll so that 1 of the select boxes is underneath the footer and then select a button, instead of the default behavior of going to the href contained within the footer button, our Galaxy Tab and Galaxy S2 (Android 2.2) open the native select box options. This is not happening in Chrome on the desktop or any apple device.
I have a good go at messing with the z-index of the footer etc but nothing is working.
I have a page with a list and 2 buttons (Prev day & Next Day). If the Next day is greater than today then I want to disable the next button.
How do I get the pageshow event to fire and run the code to do this when I am already on the page, I understand that the event is fired when I come from another page, this works fine. How do I get it to fire again when I am simply refreshing the page, i.e. pressing one of the buttons on the page.
We have just upgraded from Scripts/jquery.mobile.1.1alpha.min.js to Scripts/jquery.mobile-1.1.0-rc.1.min.js in our project. This has caused the great jquery.ui.datepicker a slight problem. The widget does not display all the days correctly on month change. A refresh of the screen brings the dates in nicely only to error again on month change. I have reverted to the JQM alpha and all is OK but I need the latest as we don't really want the alpha in production.
Simply put, we have a listview page that can get long.
We have a forms page that is long.
If you swap between these pages, which you must be able to do as per client spec (they are selectable on the footer toolbar), then the last scroll position of the previous page is transferred to the next page.
So what, you ask, just scroll up.
That (might) be OK except the actual problem means that you can no longer go higher on the screen you are now in than the lowest point you scrolled to on the previous page. JQM will not allow you to go higher.
I have tried adding $.mobile.silentScroll(0) to both pages in the live("pageshow") bind. This does not work.
We have a JQM project with google maps incorporated. It's working like a charm on the Iphone/Ipad/Samsung S2. We fired up the Windfows 7 phone and the map screen (whislt rendering the tile) doesn't have any scroll/zoom functionality. This is a problem. Then I go onto the google maps web page just to see it working correctly and that page doesn't work really. In fact the mobile version of the page looks terrible. Does anyone have a jQuery mobile project with Google Maps working on a Windows 7 phone?
I have a JQM site all done and dusted, the bosses have asked to test out Firefox mobile. It works great, however, there is a blue box around all the headers on every page displayed, click/tap away from the header it is removed, click again, it's back.
I don't want this !
Looks like Firefox is trying to help me. It does it on the JQM site itself. Download the emulator http://www.mozilla.org/en-US/mobile/ and then hit the JQM site selecting any header.
Any one know why or how I can get rid of this. I have added {border: none} to ui.title. No joy. Is it JQM or the Mobile Firefox browser?
Has anyone managed to override the simple dialog code so that it works the same on the Ipad as it does on the smartphones. i.e. It nicely overlays and lowers opacity of the screen behind? Not sure why on smaller devices that it does the 'whole new page' thing.
Else, can I call some HTML in my JQM page that will overlay as I would if I was doing a simple web page? And do my normal Jquery modal window code? Or does everything I call need to be in a div with a data-role of page. Hope this last bit makes sense.
I can see that this problem has been asked before although I can't see a solid response.
I have my wonderful JQuery tabs, I am in tab2 and refresh the page, it goes back to tab 1. As it should.
The main proposals are to store this in a cookie, sounds good. Can someone tell me the next step? How do I get this info out of the cookie, how do I then apply this value to the tabs after page refresh?
I have 4 or 5 posts which explain the process but nothing that will show me. I am fairly new to JQuery and would appriciate any help.