javascript - onClick 不适用于移动设备(触摸)

Question

好的，我想做的是在用户单击列表项时向下滑动一个 div。

问题是我正在使用 Selectric https://github.com/lcdsantos/jQuery-Selectric它将选择框转换为无序列表。因此，当用户单击源输出为列表项的 a 时，我希望 div 向下滑动。

在移动版 Safari (iOS7) 上，选择框 UI 与标准选择框 UI 相同。

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

基本的 jquery:

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

您可以看到一个工作示例 HERE (侧边栏的高级搜索)

谢谢。

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() 方法，它不等待页面上的每个元素首先加载。