下面用一个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) { };// 开始拖动hammer.drag = function(ev) { }; // 拖动中hammer.dragend = function(ev) { }; // 拖动结束hammer.onswipe = function(ev) { }; // 滑动 hammer.tap = function(ev) { }; // 单击hammer.doubletap = function(ev) { }; //双击hammer.hold = function(ev) { };// 长按 hammer.release = function(ev) { }; // 手指离开屏幕
体验链接: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(); })})
以上所述就是本文的全部内容了,希望大家能够喜欢。