Tap, Pan for a map & fixed headers - event conflict
- by kaiser
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?
Example:
jQuery( '#map_page' ).live(
"pageinit"
,function()
{
// Att.: pseudo code
if ( $.mobile.taphold )
don't toggle fixed
if ( mousedown > XYms )
don't toggle fixed
}
);
Thanks!