onClick无法在移动设备上运行（触摸）

Question

好的，我想做的是当用户单击列表项时将div向下滑动。问题是我正在使用Selectric https://github.com/lcdsantos/jQuery-Selectric，它将选择框转换为无序列表。因此，当用户单击源输出为列表项的a时，我希望div向下滑动。在移动浏览器（iOS7）上，选择框UI与标准选择框UI相同。关于移动设备onClick的最佳做法是什么？基本的jQuery：$(window).load(function() {        $('.List li').click(function() {            $('.Div').slideDown('500');        });    });您可以在此处看到一个工作示例（侧栏上的高级搜索）

Answer 1

最好将touchstart事件与.on()jQuery方法结合使用：

$(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... */ });

Answer 3

您可能是对的，但是如果您正在使用模拟触摸的桌面进行开发，那么这可能是您应用程序中的一个问题，然后知道这可能就是我提到它的原因。我现在更喜欢小锤子lib来进行移动活动。