Recently when working on a web app for a client, I noticed that any click events added to a non-anchor element didn’t work on the iPad or iPhone. All desktop and other mobile devices worked fine – but as the Apple products are the most popular mobile devices, it was important to get it fixed.
Turns out that any non-anchor element assigned a click handler in jQuery must either have an onClick attribute (can be empty like below):
The element css needs to have the following declaration:
Strange, but that’s what it took to get things working again!