Articles of hammer.js

Utilisant backbone.js avec hammer.js

Je voudrais savoir si quelqu'un a utilisé le squelette avec hammer.js et comment implémenter Backbone.View avec la traînée, tenir les événements de hammer.js?

Iframe en conflit avec les gestes de hammer.js

J'utilise hammer.js [la version jQuery plugin] pour fournir des gestes tactiles simples – dans ce cas, j'utilise simplement swipeleft et swiperight – pour naviguer entre les pages. Tout fonctionne bien, sauf … Sur certaines pages, j'ai un <iframe> pour afficher une vidéo Youtube. Lorsque le geste commence dans <iframe> , le javascript pour charger la […]

Google Chrome Pinch-to-zoom prevention

Je développe une application pour Chrome sur Microsoft Surface Pro 2 exécutant Windows 8.1. Récemment, l'équipe de Chromium a décidé qu'ils voulaient ajouter le geste de pincement à zoom sur Chrome pour Windows 8, ce qui est tout et bon. Ils n'ont cependant pas ajouté un drapeau pour désactiver ce comportement dans les paramètres de […]

Hammer.js: Comment gérer / régler le robinet et le double-tape sur les mêmes éléments

J'utilise jquery.hammer.js, ça marche très bien et je peux lier la fonction à un événement doubletap. Cela fonctionne bien. Ce que je veux, c'est lier deux comportements différents. Un pour le "robinet", un pour le "double". J'utilise le code ci-dessous pour lier mes fonctions. Quand je fais cela, je n'obtiens que le "tap", le "doubletap" […]

Hammer détecte les événements de transformation ou de défilement, mais pas les deux

J'essaie de mettre en place une interface Google Maps pour visionner de grandes images – essentiellement, pincer pour zoomer, panoramique en faisant glisser / glisser. Hammer.js semblait être un candidat évident, mais jusqu'à présent, j'ai été complètement incapable de fonctionner correctement. Voici le JSFiddle: http://jsfiddle.net/wfokcsm/qLu3T/2/ HTML: <body> <div id="canvas"> <div id="arrows"> </div> </div> </body> CSS: […]

Pinchez pour zoomer avec Hammer.js

Je veux une fonction de pincement pour zoomer pour une image. Je veux zoomer dans la zone où se trouvent les doigts. Mon index est seulement <div id="wrapper" style="-webkit-transform: translate3d(0,0,0);overflow: hidden;"> </div> Et mon script pour zoomer et faire défiler est similaire avec cet exemple . J'ai apporté quelques modifications à mon projet Mon problème […]

Les fonctions jQuery ne fonctionnent pas avec Hammer.js

J'essaie d'ajouter une press sur le sélecteur jQuery. J'ai beaucoup d'éléments sur le même document. Je ne peux donc pas utiliser d'ID pour chacun d'eux. J'ai essayé de $(selector)[i] comme cela a été expliqué ici . var selectProduct = $('.mh60 a'); for (var i = 0; i < selectProduct.length; i++) { Hammer(selectProduct[i]).on("press", function() { $(selectProduct[i]).addClass('active'); […]

L'objet hammer.js n'a pas de méthode addEventListener

Je reçois l'erreur: Uncaught TypeError: Object [object Object] has no method 'addEventListener' hammer.js:168 Mon code est comme ceci: <script type="text/javascript" src="js/hammer.js"></script> Fonctionnement sur appareil prêt: var resim = $('#kaydir'); Hammer(resim).on('swipeleft', function(ev){ console.log('left: ', ev); }); Il semble que l'erreur soit dans hammer.js. Que devrais-je faire?

Hammer.js ne peut pas supprimer l'auditeur d'événements

Je crée une instance de marteau comme ça: var el = document.getElementById("el"); var hammertime = Hammer(el); Je peux ensuite ajouter un auditeur: hammertime.on("touch", function(e) { console.log(e.gesture); } Cependant, je ne peux pas supprimer cet auditeur parce que ce qui suit ne fait rien: hammertime.off("touch"); Qu'est-ce que je fais mal? Comment puis-je me débarrasser d'un auditeur […]

Comment mettre en feu la méthode une seule fois lorsque vous utilisez Panright avec Hammer.js?

Je rencontre des problèmes pour obtenir Hammer.js (avec le plugin jQuery) pour fonctionner correctement lors de l'utilisation de swiperight . Par conséquent, je dois utiliser panright . Lorsque le panoramique vers la droite, mon événement se déclenche plusieurs fois. Comment cela peut-il être mis à jour afin qu'il ne s'exécute qu'une seule fois? (Alors encore […]