jQuery在设备（如iPad、iPhone）上无法响应li元素的点击事件

Question

Jquery的click事件在设备上不能在li元素上正常工作。我尝试使用click和touchstart事件，但是当使用touchstart时，问题在于我无法滚动div。当我试图通过点击li来向下滚动时，它会被选中。是否有任何一种方法可以使用任何jquery事件而不是jquery移动事件来选择和滚动li元素？

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

- ABHILASH SB

---

尝试使用以下代码：$('#liId').on( 'touchstart', function(){ console.log('Event Fired'); }); - Vucko

事件已经被触发，但问题是我无法向下滚动。 - ABHILASH SB

尝试这个例子：http://jsfiddle.net/coma/9KvhL/25/ - Ved

Answer 1

当我为所有 li 添加了一个样式类时，问题得到解决。

.liClass { cursor: pointer; }

- ABHILASH SB

Answer 2

将:替换为,并在'touchstart'之前取消{}包装

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

- Praveen

---

我也尝试过这个方法...我能够获取事件，但是我无法滚动div。当事件被触发时，触发touchstart事件的li元素会被选中。 - ABHILASH SB

@ABHILASHSB，请检查那些项目的CSS。我怀疑问题就出在那里。 - Praveen

Answer 3

在你的 CSS 文件中。

#liId { cursor : pointer; }

jQuery

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

- BritishSam