hammer.js

I'm using jquery.hammer.js, it works quite well and I am able to bind function to a doubletap event. That is working fine. What I want is to bind two different behaviors. One for the "tap", one for the "doubletap". I use the code below to bind my functions. When I do that, I only get the "tap", the "doubletap" doesn't seem to be triggered. $("#W0AM").hammer(); $("#W0AM").on('doubletap', function (event) { alert( 'this was a double tap' ); }).on('tap', function (event) { alert( 'this was a single tap' ); }); If I remove the .on('tap'... ) binding, then I get the "doubletap" as expected. $("

I am trying to build a web application that has true multi touch capabilities. For example, I want to be able to drag a container around the screen while also zooming/panning on a google map at the same time. The problem that I am having is that if I am touching somewhere else on the page (not on the map) and then I touch on the map with another finger, the map acts as if both fingers were touching the map. This results in trying to pan on the google map with one finger turning into zooming in/out of the map because I am touching somewhere else on the page. I am using Hammer.js for my other

I'm developing an web app. On the left side is an sidebar using the Sidr-plugin ( jQuery Plugin: Sidr ). The test site is on my developing server . My problem is that if I'm swipe from left-to-right the sidebar is displayed. That's very good. But if I want to close the sidebar by swiping from right-to-left I must prevent the scrolling by add this following code: $('body').bind('touchmove', function(e){e.preventDefault()}) I did that, but now: My navigation in the top of the page (menu) doesn't work fine. I can't scroll until to the end. So my question is: How can I change this. It should only

I use this standard code for Pan / Pinch (1) with Hammer.js : var mc = new Hammer(document.body); mc.add(new Hammer.Pinch({ threshold: 0 })).recognizeWith(mc.get('pan')); // let the pan gesture support all directions. this will block the vertical scrolling on a touch-device while on the element mc.get('pan').set({ direction: Hammer.DIRECTION_ALL }); mc.on("panleft panright panup pandown tap press pinchstart pinchmove", function(ev) { $('#myElement').text(ev.type +" gesture detected. ev.scale=" + ev.scale + " ev.deltaX,Y=" + ev.deltaX +' ' + ev.deltaY); }); How to get the hammer.js pan events

I want a pinch to Zoom function for an image. I want it to zoom in the area where the fingers are. My index is only <div id="wrapper" style="-webkit-transform: translate3d(0,0,0);overflow: hidden;"> </div> And my script for zooming and scrolling is similar with this example . I have made a few changes to fit with my project My problem is in case 'transform': rotation = last_rotation + ev.gesture.rotation; scale = Math.max(1, Math.min(last_scale * ev.gesture.scale, 10)); break; How can I change it so that it doesn't zoom into the center of the picture but at place where the first finger have

I am trying to add press to jQuery selector. I have many elements on same document, So I can not use IDs for each. I tried by $(selector)[i] as like explained here . var selectProduct = $('.mh60 a'); for (var i = 0; i < selectProduct.length; i++) { Hammer(selectProduct[i]).on("press", function() { $(selectProduct[i]).addClass('active'); }); } It's not producing any error and not working. I didn't get what I am missing here. And when I try to log selectProduct[i] by console.log(selectProduct[i]); it gives undefined result. UPDATE 1 When I remove for loop and just use selectProduct[0] ,

I am getting the Error: Uncaught TypeError: Object [object Object] has no method 'addEventListener' hammer.js:168 my code is like this: <script type="text/javascript" src="js/hammer.js"></script> On device ready function: var resim = $('#kaydir'); Hammer(resim).on('swipeleft', function(ev){ console.log('left: ', ev); }); It seems the error is in hammer.js . What should I do? James Donnelly I imagine your issue is that you don't have Hammer.js's jQuery Plugin installed ( GitHub ). Because of this, you cannot pass a jQuery object into the Hammer() function, your two options: With the jQuery