You are here
Hammer.js 有大用
星期日, 2016-09-18 11:00 — adminshiping1
发表评论
<img data-cke-saved-src="http://images0.cnblogs.com/blog2015/376488/201506/081823274264051.png" src="http://images0.cnblogs.com/blog2015/376488/201506/081823274264051.png" alt="" border="0" "="" style="border-width: 0px; border-style: initial; max-width: 400px;">
楼主，打错一个字母。写得很好，受教了，谢谢
楼主，打错一个字母。写得很好，受教了，谢谢
多谢楼主, 很详细的入门使用
看到楼上有说swipeup 和 swipedown 不能用的，hammerjs 的垂直方向滑动默认是关闭的，需要手动打开才行
看到楼上有说swipeup 和 swipedown 不能用的，hammerjs 的垂直方向滑动默认是关闭的，需要手动打开才行
1 2 3 4 5 6 | var hammertime = new Hammer(document.getElementById("test"));hammertime.get('swipe').set({ direction: Hammer.DIRECTION_VERTICAL});hammertime.on("swipedown swipeup", function (e) { console.log( "X偏移量：[" + e.deltaX + "]，Y偏移量：[" + e.deltaY + "]"); }); |
假设，有个样式为myclass的一组元素，我要为他加处理，随着一些事件的触发（比如滑动窗口），这些元素会增加，如何让后来的原来也有这种效果？
function Hammerinit(classname){
for(var i=0;i<$("."+classname).length;i++){
new Hammer($(".favorite")[i], {
domEvents: true
});
}
}
$(function(){
$(".favorite").live("swipeleft", function (e) {
$(this).animate({"left":-5+"rem"},100);
});
$(".favorite").live("swiperight", function (e) {
$(this).animate({"left":0},100);
});
Hammerinit("favorite");
$(window).scroll(function(){
Hammerinit("favorite");
});
});
这是我实现的左滑显示删除的效果，实现是实现了，我总觉得做的不好。
因为最后不得不加了个
$(window).scroll(function(){
Hammerinit("favorite");
});
function Hammerinit(classname){
for(var i=0;i<$("."+classname).length;i++){
new Hammer($(".favorite")[i], {
domEvents: true
});
}
}
$(function(){
$(".favorite").live("swipeleft", function (e) {
$(this).animate({"left":-5+"rem"},100);
});
$(".favorite").live("swiperight", function (e) {
$(this).animate({"left":0},100);
});
Hammerinit("favorite");
$(window).scroll(function(){
Hammerinit("favorite");
});
});
这是我实现的左滑显示删除的效果，实现是实现了，我总觉得做的不好。
因为最后不得不加了个
$(window).scroll(function(){
Hammerinit("favorite");
});
你好，能请问一下使用了hammer.js下如何获取当前鼠标的坐标吗？只用了原生js和hammer.js的情况下。
hammerdemo.on('tap',function(event){
event.preventDefault();
console.log(event.center.clientX)
console.log(event.gesture.touches[0].pageX)
console.log(event.touches[0].clientX)
console.log(event.touches[0].pageX)
})
试了一下这几个都不可以啊
来自 http://www.cnblogs.com/iamlilinfeng/p/4239957.html
hammerdemo.on('tap',function(event){
event.preventDefault();
console.log(event.center.clientX)
console.log(event.gesture.touches[0].pageX)
console.log(event.touches[0].clientX)
console.log(event.touches[0].pageX)
})
试了一下这几个都不可以啊
来自 http://www.cnblogs.com/iamlilinfeng/p/4239957.html
普通分类: