Adding a click handler to elements on the page is a very common thing. I noticed that if I use headers/footers, tapping/clicking on an element to trigger its handler also causes the header/footer to toggle, which isn't what was intended.
Does this mean that developers are going to have to get into the habit of stopping propagation in their handlers when they use headers/footers? If so, we probably need to document that.
So as I read the various implementations for the widgets, I notice that we inject content around, and inside, elements and add various ui-* classes. What do the single lettered suffixes at the end of ui-* class names mean?
For example, I've seen classes that end in "-a", "-c", and "-f". I guess an example would be "ui-btn-up-f".
The current sample set of pages seem to all refer to external pages via links. Every page that is loaded has one data-role="page" element in it. Are we planning on supporting the case where a single document contains several pages (several data-role="page" elements) ala jQTouch?
So I'm starting to build out a real-world mobile app site using the jquery-mobile source. I believe all of the samples include the source via src="js/all" which translates to executing combine.php which generates a single file with all of the scripts included in a specific order.
When this stuff is released for public consumption, and perhaps placed on a CDN, is it going to be a single jquery.mobile.js file ("the whole shebang")? Or is it going to be the single js source files ("include what you need")? Or both?
I was playing with the samples and tried to incorporate a few of the new mobile widgets in my own page. I noticed that out of the box, the widget specific behaviors/markup transformations are not applied unless there is a container with ui-page around it. And even if I did that, the page was made invisible (zero height, visibility:hidden, position:asbsolute).
I know folks can trigger the widget attachment manually, but is the expectation that users will only use the mobile widgets within the navigation framework provided by jquery-mobile?