热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何在Phonegap和JQM中使用FastClick.js?-HowtouseFastClick.jswithPhonegapandJQM?

Ivetriedafewdifferentwaystoremovethe300msdelayduetothewebkitbrowsershandlingoftou

I've tried a few different ways to remove the 300ms delay due to the webkit browsers handling of touch events. The library, FastClick.js, seems to be the preferred method, yet I'm having a little trouble implementing it. I've included it and also added an event listener, but I don't know if I've added the listener correctly. Should this be working or am I failing to do something? Thank you!

由于webkit浏览器处理触摸事件,我尝试了几种不同的方法来消除300ms的延迟。库FastClick.js似乎是首选的方法,但我在实现它时遇到了一些麻烦。我已经包含它并且还添加了一个事件监听器,但我不知道我是否正确添加了监听器。这应该工作还是我没有做某事?谢谢!

Consider the code below, where

考虑下面的代码,在哪里




    
    
    
    
    <
    
    

    
    
       



    
    

3 个解决方案

#1


17  

Try with the below code.

尝试使用以下代码。

function onBodyLoad()
{       
    document.addEventListener("deviceready", onDeviceReady, false);

}

function onDeviceReady()
{
  alert('test');
  FastClick.attach(document.body);
}

If everything is fine, you should be able to see the alert box.

如果一切正常,您应该能够看到警报框。

Have a look on http://phonegap-tips.com/articles/fast-touch-event-handling-eliminate-click-delay.html

看看http://phonegap-tips.com/articles/fast-touch-event-handling-eliminate-click-delay.html

#2


0  

I can also think of another solution.. Note: I have not personally tried this..

我也可以想到另一个解决方案..注意:我没有亲自试过这个..

$(document).on('pageinit', '.ui-page', function (event, data)
{
   FastClick.attach(activePage);
});

#3


0  

You should use the built in vclick event in jQuery Mobile - same idea as FastClick.

您应该在jQuery Mobile中使用内置的vclick事件 - 与FastClick相同。

$(document).on('vclick', '#someButton', function(){ 

});

Source: How to use FastClick with jQuery Mobile the right way?

来源:如何以正确的方式使用FastClick和jQuery Mobile?


推荐阅读
  • 移动端常用单位——rem的使用方法和注意事项
    本文介绍了移动端常用的单位rem的使用方法和注意事项,包括px、%、em、vw、vh等其他常用单位的比较。同时还介绍了如何通过JS获取视口宽度并动态调整rem的值,以适应不同设备的屏幕大小。此外,还提到了rem目前在移动端的主流地位。 ... [详细]
  • 问题:onDeviceReady的函数没有触发!!
    2019独角兽企业重金招聘Python工程师标准也不能说就是个解决方法,我这样操作了后onDeviceReady好用了,需要的朋友可以参考下。首先 ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • 本文介绍了解决IE678伪类不兼容问题的方法,包括少用CSS3和HTML5独有的属性,使用CSS hacker,使用last-child清除浮动、批量添加标签、去掉list item最后一个的border-right等技巧。同时还介绍了使用after清除浮动时加上IE独有属性zoom:1的处理方法。另外,本文还提到可以使用jQuery代替批量添加标签的功能,以及使用负边距和CSS2选择器element+element去掉list item最后一个的border-right的方法。 ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ... [详细]
  • IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ... [详细]
  • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
    本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
  • DH-UAP是西安大华时代网络科技有限公司开发的新一代应用开发、运行、维护平台。该平台提供了技术统一、架构合理、性能高效、安全可靠的企业级信息系统基础框架和组件库,支 ... [详细]
  • 本文介绍了游标的使用方法,并以一个水果供应商数据库为例进行了说明。首先创建了一个名为fruits的表,包含了水果的id、供应商id、名称和价格等字段。然后使用游标查询了水果的名称和价格,并将结果输出。最后对游标进行了关闭操作。通过本文可以了解到游标在数据库操作中的应用。 ... [详细]
  • 高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
  • 猜字母游戏
    猜字母游戏猜字母游戏——设计数据结构猜字母游戏——设计程序结构猜字母游戏——实现字母生成方法猜字母游戏——实现字母检测方法猜字母游戏——实现主方法1猜字母游戏——设计数据结构1.1 ... [详细]
  • PHPMailer邮件类邮件发送功能的使用教学及注意事项
    本文介绍了使用国外开源码PHPMailer邮件类实现邮件发送功能的简单教学,同时提供了一些注意事项。文章涵盖了字符集设置、发送HTML格式邮件、群发邮件以及避免类的重定义等方面的内容。此外,还提供了一些与PHP相关的资源和服务,如传奇手游游戏源码下载、vscode字体调整、数据恢复、Ubuntu实验环境搭建、北京爬虫市场、进阶PHP和SEO人员需注意的内容。 ... [详细]
  • 前言jQueryMobile入门经典毫无疑问,当前我们在获取、使用和分享网上的资源时,所采用的方式正在不断变得越来越移动化。每个月都会有数以千计的新智能 ... [详细]
  • 最近网上搜了一些资料,以前版本的有个安装包,但是最新的版本没有了,他是通过命令行安装并且创建App的,我主要是看的他的文档来 ... [详细]
author-avatar
班长和丫头
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有