Delegando eventos Hammer.js con jQuery

Question

He comenzado a usar Hammer.js (https://github.com/eightmedia/hammer.js), que es una pequeña secuencia de comandos, pero no estoy seguro de cómo delegar los eventos utilizando el controlador de eventos .on() de jQuery.

He creado un pequeño ejemplo jsFiddle aquí: http://jsfiddle.net/will/3dUKu/1/

var i = 0; 
// How would I apply hammer to this situation? 
$('nav').on('click', 'button', function() { 
    $('<button id="' + i + '">Extra button ' + i + ' (' + $(this).attr('id') + ')</button>').appendTo('nav'); 
    i++; 
}); 

Answer 1

No sabe si alguna vez encontrado una respuesta a su pregunta. La solución es simple y dos partes. En primer lugar, dado que está tratando de usar las llamadas con jQuery, debe usar la versión del complemento jQuery de Hammer. Una versión actual del plugin de jQuery se puede encontrar en:

http://eightmedia.github.io/hammer.js/dist/jquery.hammer.min.js

La segunda parte es que usted necesita para utilizar el método de Martillo con la selección de objetos. Para ello, inserte la llamada Hammer entre el selector y el enlace. De este modo:

jQuery objeto:

$('nav').on('click', 'button', function(){ 
    /* ... */ 
}); 

jQuery martillo objeto:

$('nav').hammer().on('click', 'button', function(){ 
    /* ... */ 
}); 

Eso es todo ...