Les événements de liaison avec Hammer.js et .sur()

Hammer.js ajoute javascript toucher et la prise en charge des gestes de mon application web. Mon problème réside dans l'utilisation .marteau() avec des éléments du DOM qui n'existent pas jusqu'à ce qu'un .ajax() appel sur le document de prêt.

Précédemment, j'ai utilisé quelque chose comme:

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

Mais, j'ai besoin d'être en mesure de lier l'événement avec le Marteau sans appel .sur ().() les types d'événements ne correspondent pas au Marteau types d'événements. Toute aide est appréciée, je ne suis pas un jQuery génie, je ne suis pas très familier avec la liaison d'événements.

Vous pouvez probablement utiliser des événements personnalisés - fuelyourcoding.com/...
Le marteau est déjà un événement personnalisé bibliothèque de toutes sortes. Mon problème est lier le Marteau événements .ajax()-a créé les éléments. J'ai besoin d'événements pour mes événements?
J'ai trouvé un code sur le Marteau doc site où vous devriez être capable de changer de bind () () - $("#element") .marteau({ // options... }) .bind("tap", function(ev) { console.log(ev); });
Par cette logique, j'ai essayé $('#parent').hammer().on('drag', '.child', function(ev) { console.log(ev); }); avec pas de chance. Est-ce que vous pensiez?
Ouais, quelque chose le long de ces lignes.J'ai utilisé un marteau pour un projet récemment, mais je n'ai pas à vous soucier de liaison de façon dynamique (Ajax) le contenu chargé. Vous pouvez également regarder $.getScript()

OriginalL'auteur regan_leah | 2012-12-03

5

À la recherche à la jquery.hammer.js source, vous ne devriez avoir aucun problème délégation d'événements.
```
$("#parent").on("doubletap",".child",dostuff);
```
assurez-vous juste que vous appelez .hammer() sur les éléments lorsque vous les ajoutez à votre page.

J'ai pu obtenir que cela fonctionne avec une combinaison de Kevin et de Jay suggestions, mais la propagation de l'/parent-enfant-bulles questions en Marteau sont trop à faire avec moi. Je vais essayer de jGestures. Merci à vous deux.

OriginalL'auteur Kevin B
6

Donner toe.js un essai

Un par Hammer.js inspiré de la bibliothèque est toe.js, qui utilise le jQuery événements spéciaux où API Hammer.js utilise une implémentation personnalisée.

Donc, sans plus d'initialisation sur vos éléments, vous devriez être en mesure de l'utiliser comme:
```
$('#parent').on('tap', '.child', function(e){
  //... Do something
});
```
J'ai passé à toe.js parce que backbone.js utilise la norme de jQuery API.

merci pour la suggestion, toe.js m'a beaucoup aidé! Je l'ai utilisé pour lier contact des écouteurs d'événement à l'image les zones de la carte sur mobile Safari, Hammer.js n'a pas de travail à cette fin.

OriginalL'auteur Koen.

Vous devez vous connecter pour publier un commentaire.

Donner toe.js un essai