Jump to content



Photo

Help with jQuery Menu not working on Touch Devices

jquery website

  • Please log in to reply
2 replies to this topic

#1 wrack

wrack

    Wireless Robotic Android Calibrated for Killing

  • Joined: 09-December 06
  • Location: Melbourne, Australia

Posted 17 January 2013 - 22:23

Hi,

I am in the process of redesigning my site http://www.codelake.com

The navigation menu is done using jQuery script from here http://tympanus.net/...ay-effect-menu/

I have added a bind for click event apart from the usual mouse enter and mouse leave but for some reasons, when I test it on touch devices (which do not have hover per say), I have to click twice in order to get the menu to appear. I can't find out why and any help would be greatly appreciated.

Cheers :)


#2 threetonesun

threetonesun

    Neowinian Senior

  • Tech Issues Solved: 1
  • Joined: 26-February 02

Posted 17 January 2013 - 22:49

It's because they do have a hover, sort of. I imagine if you logged it you'd see one click getting the hover off and click at the same time.

FWIW, you might want to reconsider that menu design, it doesn't work for desktops very well either. If someone clicks on the menu, it pops open then closes... it's a bit counter intuitive.

#3 OP wrack

wrack

    Wireless Robotic Android Calibrated for Killing

  • Joined: 09-December 06
  • Location: Melbourne, Australia

Posted 17 January 2013 - 23:01

Thanks for the suggestion.

What can I do to make it work on both the desktop and mobile then with the current menu design? I quite like that design but happy to change if nothing else work.

Edit: I have removed the click bind for the time being. Will consider redesign of the menu in the meantime.

In the meantime any fix that would save me the time to redesign the whole thing would be appreciated :)

Edited by wrack, 17 January 2013 - 23:17.