移动端JQ插件hammer使用详解
从pc端到移动端相信很多前端攻城师为移动端发愁，写原声的手机端事件是非常费力的， 而jq的click有300毫秒延迟，现在有了比较不错的jq插件hammer，Hammer.js是一个开源的，轻量级的javascript库，它可以在不需要依赖其他东西的情况下识别触摸，鼠标事件支持各种手机事件，比如缩放 ，qq左滑动删除， 放大， 旋转等。
下面用一个tab切换来介绍hammer。
用法：
1,首先引入jq2.0以上版本和jquery.hammer.js.
2,获取元素,和jq一样，在后面加上hammer就可以了 var hammertime = $('.tabs a').hammer();
3,可以直接用on直接添加事件hammertime.on('tap', function(ev) {} 这样用了hammer中的tap点击事件。function里可以写自己的js。
hammer.dragstart = function(ev) { };// 开始拖动</span>
hammer.drag = function(ev) { }; // 拖动中</span>
hammer.dragend = function(ev) { }; // 拖动结束</span>
hammer.onswipe = function(ev) { }; // 滑动</span>
hammer.tap = function(ev) { }; // 单击</span>
hammer.doubletap = function(ev) { }; //双击</span>
hammer.hold = function(ev) { };// 长按</span>
hammer.release = function(ev) { }; // 手指离开屏幕</span>
体验链接：http://hammerjs.github.io/
js code
$(function() {
var hammertime = $('.tabs a').hammer();
hammertime.on('tap', function(ev) {
$(this).addClass('actives').siblings().removeClass('actives');//添加一个class 同辈级移除。
var index = $('.tabs a').index(this); //索引
$('.tab-bott').eq(index).show().siblings().hide();
})
})
以上所述就是本文的全部内容了，希望大家能够喜欢。
-
本文向大家介绍学习使用jquery iScroll.js移动端滚动条插件，包括了学习使用jquery iScroll.js移动端滚动条插件的使用技巧和注意事项，需要的朋友参考一下 大家在日常工作中最常用的插件是什么，jQurey？Lazyload？但是这些都是在PC端，但是在移动端最常用的插件莫过于iScroll了，iScroll到底是什么东西，应该怎么用？iScroll是个很强大的插件，我也只是
-
移动插件开发-使用 Bone Mobile 开发移动插件 Bone Mobile 移动插件开发 移动插件开发-使用 Bone Mobile 开发移动插件 更新时间：2018-07-03 21:10:59 Bone Mobile 移动插件开发 Bone Mobile平台为开发移动插件提供了简单易用的基础框架，来降低开发门槛，提高开发效率，为开发者提供开发、调试、部署、上云一站式的开发体验，让开发者更
-
本文向大家介绍vue移动端的左右滑动事件详解，包括了vue移动端的左右滑动事件详解的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了vue移动端左右滑动事件，供大家参考，具体内容如下 关于vue.js组件的教程，请大家点击专题vue.js组件学习教程进行学习。 更多vue学习教程请阅读专题《vue实战教程》 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
Overview Dow Jones Hammer is a multi-account cloud security tool for AWS. It identifies misconfigurations and insecure data exposures within most popular AWS resources, across all regions and accounts
-
移动插件商品的集成和使用 项目集成 项目中使用 移动插件商品的集成和使用 更新时间：2018-03-26 17:39:45 项目集成 首先从“已购买”页出发，选择对应的移动插件商品，点击操作栏的“项目集成”，即可打开以下项目集成界面。 注意查看该插件是否依赖了其他收费服务，并按照提示，购买依赖服务，方可确保插件正常使用。 在项目集成页，用户可以选择将购买的移动插件总用量，按照不同的配额分配到自己名
-
本文向大家介绍jquery平滑滚动到顶部插件使用详解，包括了jquery平滑滚动到顶部插件使用详解的使用技巧和注意事项，需要的朋友参考一下 点击一个固定按钮，平滑的滚动到窗口顶部的这种功能，在前端开发是相当常见的，如图： 关键代码： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。