onClick不适用于手机（touch）

好吧，我试图做的是当用户点击一个列表项时滑下div。

问题是我使用Selectric https://github.com/lcdsantos/jQuery-Selectric将select框转换为无序列表。 所以当用户点击一个输出源列表项时，我想要一个div滑落。

在移动Safari（iOS7）上，select框UI与标准select框UI相同。

关于onClick移动设备的最佳做法是什么？

基本的jquery：

$(window).load(function() { $('.List li').click(function() { $('.Div').slideDown('500'); }); }); 

你可以在这里看到一个可行的例子（侧栏高级search）

谢谢。

Answer 1

使用touchstart .on() jQuery方法更好地使用touchstart事件：

 $(window).load(function() { // better to use $(document).ready(function(){ $('.List li').on('click touchstart', function() { $('.Div').slideDown('500'); }); }); 

---

我不明白你为什么使用$(window).load()方法，因为它等待页面上的所有内容加载，这往往是缓慢的，而你可以使用$(document).ready()方法不等待页面上的每个元素都被首先加载。

Answer 2

你可以使用而不是点击：

 $('#whatever').on('touchstart click', function(){ /* do something... */ });