Meteor Jquery Click Events Not Registering On Mobile Devices

Question

I current have a Meteor 1.2.1 project that I'm developing and for some reason click/touch events are not being registered on mobile devices. Everything is working fine locally in both the browser (using mobile/desktop views) and the ios simulator when I run meteor run ios. I've created a few mobile-friendly apps using Meteor before and I've never had a problem. I'm wondering if it has something to do with the new Meteor 1.2 version.

Also, these are inside my main.html file:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"/>

Update-

Seems as though the click events function once I add in a front-end framework such as Foundation or Bootstrap. Still makes me wonder what those packages do to enable clicking on mobile.

score 1 · Accepted Answer · edited May 23 '17 at 12:15

1

After doing a little more research I realized this is not related to Meteor, but rather to jQuery. Seems as though there are problems with mobile browsers registering click events on divs, so I just changed everything to an <a> tag instead.

Link to the stackoverflow question answer here.

edited May 23 '17 at 12:15

Community

1
1

answered Oct 30 '15 at 02:03

TheNastyOne

965
11
19

Thanks for spotting. – MastaBaba Sep 27 '16 at 16:08
another trick is to add css property: `cursor: pointer;` to any non `a, button` elements you want to make it clickable ;) – Roshdy Nov 28 '17 at 22:12

Meteor Jquery Click Events Not Registering On Mobile Devices

1 Answers1