Question

Possible Duplicate:
How to bind ‘touchstart’ and ‘click’ events but not respond to both?

I have a strange issue where an html button doesn’t work on tablets only. Works on all browsers and even mobile devices but not on actual tablets.

I’ve used buttons before without problems and can’t see what the difference is. My code:

<button type="button" class="addwebcam">Add Webcam</button>

jQuery('.addwebcam').click(function(e) {
    jQuery('#cameraformwebcam').show(); //opens up a new form
    jQuery('.addwebcam').hide(); //now hide the button
});

I also have other buttons doing different things and they are all the same. Pressing the button on the tablet does nothing but highlight it. How can I debug this? I’ve tried user agents but they don’t help me with debugging because the issue is with tapping the button on that actual device.

Answer 1

Make sure jQuery is correctly loaded ans JS is enabled.

---

Also as mentioned in the comments by @3dgoo

Add the tap event along with the click

jQuery('.addwebcam').bind('click tap', function(e) {
    jQuery('#cameraformwebcam').show(); //opens up a new form
    jQuery('.addwebcam').hide(); //now hide the button
});