Jquery click event not working on li in devices(ipad, iphone..)

Question

Jquery click event is not working on li in devices. I tried using click and touchstart events, but the problem when touchstart used is I couldn't scroll down the div. When I try to scroll down by clicking an li, it gets selected. Is there any way to select and scroll li using any jquery events rather than jquery mobile events?

$('#liId').on({ 'touchstart' : function(){ console.log('Event Fired'} });

Try `$('#liId').on( 'touchstart', function(){ console.log('Event Fired'); });` — Vucko, Oct 16 '13 at 06:00
The event got fired, but the thing is I couldn't scroll down. — ABHILASH SB, Oct 16 '13 at 06:09

score 9 · Answer 1 · answered Oct 16 '13 at 07:04

9

The issue is solved when I added a style class to all li.

.liClass { cursor : pointer; }

answered Oct 16 '13 at 07:04

ABHILASH SB

2,122
2
21
31

score 1 · Answer 2 · answered Oct 16 '13 at 06:02

1

replace : with , and unwrap {} before 'touchstart'

$('#liId').on( 'touchstart', function(){ 
 console.log('Event Fired');
});

answered Oct 16 '13 at 06:02

Praveen

55,303
33
133
164

Well I tried that too...I'm getting the event, but I couldn't scroll the div.When the event is fired the li which fired the touchstart event gets selected. – ABHILASH SB Oct 16 '13 at 06:06
@ABHILASHSB check the css of that items. I doubt the problem is there – Praveen Oct 16 '13 at 06:07

score 0 · Answer 3 · answered May 27 '16 at 13:35

0

in your css file

#liId { cursor : pointer; }

jQuery

$('#liId').click(function(){
    alert('Event Fired');
});

answered May 27 '16 at 13:35

BritishSam

1,070
8
24

Jquery click event not working on li in devices(ipad, iphone..)

3 Answers3

Linked