I have implemented the hammer.js library for my events. The problem is that multiple events are triggered at the same time.
Can I set somekind of event priority. Let's say when transforming is beeing done all other events are ignored. When transform stops other events can be done.
hammertime.on("transform", function(evt) {
//transform
}
hammertime.on("drag", function(ev) {
//drag
}
I've already tried something like this: Disabiling drag when we start transforming
hammertime.on("transform", function(evt) {
//transform
hammertime.options.drag="false";
}
And enabeling it back when transform is finished
hammertime.on("transformend", function(evt) {
//transformend
hammertime.options.drag="true";
}
This approach works fine except somethimes the drag doesn't get back set to true. I want a 100% working sollution. Please help...
evt.stopPropagation()
orevt.preventDefault()
? I don't know if they're present on Hammer.JS, but I think so, as it has jQuery support...