如何使用没有内部元素的锤子生成事件

When I use hammer.js to recognize gestures for an element, I expect that gestures will be recognized only for that element and not from elements inside it. In this jsfiddle example I have set up a horizontal pan for the outer, red element. But when I drag inside the inner, blue element, pan gestures are still recognized. I need just the outer element to recognize the gesture. Is there a way to code this?When I use hammer.js to recognize gestures for