Response title
This is preview!
Tap, Pan for a map & fixed headers - UX conflict
in jQuery Mobile
•
11 years ago
I'm currently developing a small WebApp that makes use of
* Google Maps (front-end uses jquery-ui-maps)
* jQuery Mobile with a fixed header & footer
Now I encountered a conflict that appears on touch enabled devices as well as on desktop/mouse controlled "click" events: When I "tap" or "click" the map to actually "pan" it, then my header/footer toggles it's visibility. As I want to keep the toggle behaviour, I can't simply deactivate it, but showing/hiding the header/footer on every "pan" of the map is odd. After thinking some time about it, I think I got a concept that should work:
Question: How I can I add a delay to the visibility toggle for the header/footer? So when I don't release the finger/mouse after XYms, the header/footer doesn't show/hide?
- jQuery( '#map_page' ).live(
- "pageinit"
- ,function()
- {
- // Att.: pseudo code
- if ( $.mobile.taphold )
- don't toggle fixed
- if ( mousedown > XYms )
- don't toggle fixed
- }
- );
Thanks!
1