I have been using $.mobile.selectmenu.prototype.options.nativeMenu = false; in my app, but now I want to change to using the native dropdowns. However, if I remove this line from my code (or change it to true) then the page will not load. I get an error
I have a date field in my app and the date picker works great when used with my android phone browser, but when I put the page in phonegap and use the same phone the datepicker does not appear, it just shows the keyboard.
Is there a workaround for this?
Update: the date picker works fine in phonegap with iOS. So whats wrong with Android?
I am using jquery 1.7.1 and jqm 1.2.0 and while testing my page on the Android emulator I noticed that when I do a page transition it flashes 2 or 3 times. I just want to know if this is normal, or if I am loading the page the wrong way.
The pages look fine on the phone, and on a desktop, but not in the emulator. It could be that the emulator is not able to render the transitions correctly.
Here are the test pages I have been using, they are very simple, click on the top 3 buttons in the emulator to see the flashing
I have a toolbar with some buttons in it. They are vertically centered when there is text next to them, but when I put in the attribute data-iconpos="notext" the button is no longer centered vertically. I know I can manually change the CSS, but before I did I wanted to check to see if this was intended or not.
Since jQuery mobile keeps pages in the dom and I have found that my click events were getting attached multiple times. So I started putting .off before each .on so that I would make sure that each was only called once. However I wonder if using .one is better?
I have written a page that has a fixed header at the top and bottom, and a really long list in between. On the iPhone 4 (iOS 5.1.1), when I scroll the list, weather I go fast or slow, the fixed headers flicker when I lift my finger (you have to get about half way down the list before it starts). Does anyone have a suggestion for fixing this?
I just upgraded to JQM 1.1.0 and I am having trouble with my headers overlapping each other. My pages have 2 headers and the lower one is half covered by the top one. I created some test pages here http://www.foodstoragemanagement.com/mobile/test1.html. The first page is fine, but if you click on the test2 link you will see that the bottom header is covered up.
I tried combining the headers (test3, and test4 links) but the bottom header now covers up the content.
My end goal is to have both headers fixed to the top, so I a trying to combine them, but I don't know how to do it while still having different themes (top header theme a, bottom header theme f), and not covering up the content.
Does anyone have a suggestion about how to do this?
p.s. I have confirmed this behavior in Chrome, and Firefox. IE seems to be working fine.
I am having a strange problem with an <img> tag and I cannot seem to figure it out. I am probably missing something simple, but I can't see it. If you go to this page http://www.foodstoragemanagement.com/mobile2/test.php with Chrome, or IE, you will see on the left side of the footer a small grey box. This is suppose to be an image that I was going to load with CSS (I left the image out so you could see the box clearly).
So what is causing this box and how can I remove it?
Would it be possible to move Active state out of the global settings and into the themes? I want a set of black buttons at the top of my app, and a set of tan buttons at the bottom, but having a common active state does not make sense. I want the black buttons to go light black, and the tan buttons to go dark brown when active.
I am using a split list and when I click on the second link I want it to open a dialog that looks like a select custom menu. I like how the select custom menu does not black out the background, I also like how it is very minimal with no header or other text.