Grow your CSS skills. Land your dream job.

jQuery click events not working on iPhone?

  • # June 8, 2013 at 8:35 am

    Hi guys

    Really stumped as to how solve this problem I am having.

    I am working on some navigation for a mobile website. I have a simple menu icon that toggles the actual navigation to show and hide on click.

    The problem is it works on every browser, even on an IOS simulator, but when I click(tap) on the icon on my iPhone 5 (IOS6), nothing happens.

    Here is a link to a codepen…

    http://codepen.io/seraphzz/pen/EaKtb

    Now this is actual code taken from my site, and this codepen WORKS on my iPhone but the actual code doesn’t, making it even harder for me to debug. There is no other conflicting js.

    I have tried changing the div to an actual anchor link but that does not work either. I am not sure what else it could be.

    I am using jQuery version 1.9.1.

    # July 25, 2013 at 12:49 pm

    Hi Not sure if you got the answer to this but it appears to be a bug in safari here is the fix that worked for me.

    https://wiki.base22.com/display/btg/jQuery+live+event+on+iPhone+doesn%27t+work

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".