当前位置: 首页 > 面试题库 >

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

白星渊
2023-03-14
问题内容

好的,我想做的是当用户单击列表项时将div向下滑动。

Selectric),它将选择框转换为无序列表。因此,当用户单击源输出为列表项的a时,我希望div向下滑动。

在移动浏览器(iOS7)上,选择框UI与标准选择框UI相同。

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

基本的jQuery:

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

谢谢。


问题答案:

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



 类似资料:
  • 问题内容: 如果浏览器的宽度小于五张图片(包括边距等),我试图允许每行容纳五张图片的容器更改其宽度大小。 我添加了以下媒体查询,当在台式计算机上浏览(将浏览器的大小调整为小于1080px的宽度)时,它们都可以很好地工作…容器将更改宽度,并且内容将居中。 但是,在移动设备(iPhone 4和S4)上浏览时,此功能不起作用。有什么想法吗? 的CSS 问题答案: 这可能是因为您没有设置视口。 将以下元标

  • 问题内容: 我已经与React互动了几个月了,但是遇到了一些奇怪的事情。 在移动设备上根本不会触发点击事件: http://jsbin.com/morarewelu/1/edit?html,js,输出 http://jsbin.com/morarewelu/1/-在您的设备上检查 您可以看到该点击从未触发。在iPhone上进行测试。 这是预期的行为,还是仅仅是一个错误? 问题答案: React的G

  • 我有一个图像,我正在尝试缩放,因为屏幕大小减少。在桌面上,1336x625分辨率的图像可以正常工作,但一旦屏幕缩小到500x625时,图像就不能适当缩放,边缘也会被削减。我试着把最大宽度和位置。但还是没用。我需要改变什么才能让它工作。 Css代码 Html代码:

  • 问题内容: 我想知道是否可以在移动设备(android / iphone / ios)上运行Elasticsearch服务器,如果可以,我应该如何去做。 就我而言,这样做的原因是在设备上拥有一个易于搜索的离线数据库(具有所有elasticsearch高级功能) (可选)我可能还会使用Elasticsearch的集群/复制功能来使设备上的脱机数据与服务器同步。 问题答案: 好吧,也许(至少在Andr

  • NanoPC T3,有一些信息: 我做过: > 下载jdk-8u144-linux-arm32-vfp-hflt.tar.gz 下载JavaFX Embedded SDK 根据javafxports复制文件 编写示例应用程序和包,在我的NanoPC T3上运行: null

  • 我正在开发这个响应性强的Wordpress网站:http://www.allisoncassels.com/Test/ 还有我的媒体查询有问题。 我为以下断点编写了CSS: 在桌面上,一切看起来都很棒。在我的手机和平板电脑上,有些东西是移动的,有些东西仍然像桌面一样显示(我显示的东西:无显示,分区宽度关闭,等等) 我唯一能弄明白的是,这与我的手机/平板电脑是视网膜显示器有关,但我看不到其他网站必须