Encuadernación de eventos con Hammer.js y .on ()

Hammer.js agrega javascript touch y soporte de gestos a mi aplicación web. Mi problema radica en el uso de .hammer () con elementos DOM que no existen hasta que un .ajax () llama al documento listo.

Anteriormente, he usado algo como:

$('#parent').on('click', '.child', function(e){ $(this).hammer()... }); 

Pero, necesito poder vincular el evento con Hammer sin llamar a .on () ya que los tipos de eventos .on () no coinciden con los tipos de eventos de Hammer. Cualquier ayuda es apreciada: de ninguna manera soy un genio de jQuery, ni estoy muy familiarizado con el enlace de eventos.

En cuanto a la fuente jquery.hammer.js , no debería tener problemas para delegar eventos.

 $("#parent").on("doubletap",".child",dostuff); 

solo asegúrese de llamar a .hammer() en los elementos cuando los agregue a su página.

Prueba toe.js

Una biblioteca inspirada en Hammer.js es toe.js , que utiliza la API de eventos especiales jQuery, donde Hammer.js utiliza una implementación personalizada.

Por lo tanto, sin más inicialización en tus elementos, deberías poder usarlo como:

 $('#parent').on('tap', '.child', function(e){ // ... Do something }); 

Me cambié a toe.js porque backbone.js usa la API estándar de eventos jQuery.