When clicked, my popup launches, presents a date and a button, I can change the date, click the button, a javascript function is called, a location.href is called which reloads the same page with a special value on the querystring, and my database is updated.
BUT when I follow a very common set of steps, the button doesn't work and the popup doesn't open:
Click a button on my Manage Job page, popup opens, set the date, click the button in the popup, page reloads, DB write occurs.
Click my icon to navigate to the main page.
Navigate back to the Manage Job page (where I was a moment ago) by clicking a nav link on the main page.
Click a button that should trigger a popup - but it doesn't.
If I refresh the page, all is good again, and I can click that same button and the popup opens. Or if I navigate to the main page, reload the browser, then navigate to Manage Job, it also works. But there must be something happening in the midst of the JQM page transitions that breaks the clickability of my button so it can't launch the popup. Any forced page refresh at any point clears it out and fixes the problem, and I can launch the popup successfully again.
This is really bad because I can't tell my users "just reload the page every time a button won't click." The steps to see the problem are very common steps, not an edge case.
One thing I noticed: When the aria-expanded attribute on my link button is "false", the button can be clicked (finger pressed actually), and the popup opens. But when the popup won't launch (as per steps to repro above), I noticed the aria-expanded attribute is set to "true". So at first I thought the fix is an easy hack. I'll just use jquery to set that attribute to false, and it will work. But it doesn't. In Chrome dev tools I set it to false and tried to click it, no success.
This really seems like a bug in JQM, which is scary because it's such common/core functionality. But I would be happy to learn of any type of hack/fix I can do to make this work. Thanks in advance.
I rely heavily on Chrome Developer Tools - Sources to debug javascript in my web pages. I have recently begun building my first jquery mobile webapp and have been alarmed to discover that the Sources window, for each page, is completely blank. I use Chrome in mobile simulation mode to build and test all my pages before testing on a physical phone device. No js or html appears at all, for any of my pages. I surmise this is because of JM's approach to loading content behind the scenes rather than the traditional page load approach.
Is there some way to resolve this? The inability to debug js in a webapp is a really horrible thing. :-|
I have a series of Grouped collapsible with listviews which work well for what I need. But for one of these listviews I need it expanded by default. As it stands now, these are always collapsed by default. I have read through the listview docs and can't find how to do this. I want the other collapsible listviews collapsed by default, just as it is now, but for 1 of them, I need expanded by default.
I tried that with and without the <meta charset="utf-8"> and it's the same either way. I am using Chrome 61.0.3163.100 (Official Build) (64-bit). This is a bizarre and troubling problem, especially when I'm only using a boilerplate example right off the jquery mobile examples, nothing exotic at all.
I am using Notepad++ as my code editor. I even tried copying into windows notepad, and pasting back, but nothing changed.