为了账号安全,请及时绑定邮箱和手机立即绑定

onClick无法在移动设备上运行(触摸)

/ 猿问

onClick无法在移动设备上运行(触摸)

倚天杖 2019-10-19 16:43:03

好的,我想做的是当用户单击列表项时将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');

        });

    });

您可以在此处看到一个工作示例(侧栏上的高级搜索)


查看完整描述

3 回答

?
烧仙草VB

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


查看完整回答
反对 回复 2019-10-19
?
繁星点点滴滴

您可以使用而不是单击:


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


查看完整回答
反对 回复 2019-10-19
?
qq_笑_17

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

查看完整回答
反对 回复 2019-10-19

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信