Jquery click event not working on li in devices(ip

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'} });

Answer 1

in your css file

#liId { cursor : pointer; }

jQuery

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

Answer 2

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

.liClass { cursor : pointer; }

Answer 3

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

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