jQuery Girl
  1. jQuery Girl
  3. Utilisation des événements tactiles avec Twitter Bootstrap
Intereting Posts
Comment pourrais-je régler la vitesse d’animation? La bibliothèque Javascript externe ne fonctionne pas après l’hébergement du site événement de variable jQuery simple Comment actualiser les DataTables Espace réservé jQuery qui affiche l’espace réservé jusqu’à la saisie du texte focus de zone de texte dynamic Des résultats AJAX inter-domaines interdits en 403 Accéder au service Web à partir de jQuery – interdomaine jQuery valider – comment ignorer la casse des lettres? Open Modal Après avoir sélectionné le fichier image dans le navigateur Jquery submit ne fonctionne pas après la pagination ajax Puis-je utiliser JQuery pour rechercher et définir automatiquement la largeur et la hauteur d’une variété d’images? “$ .when (). done ()” de jQuery pour AngularJS Comment réparer le contenu avec div skew? Comment puis-je faire en sorte que Tab and Enter se comporte de la même manière dans une série d’entrées?

Utilisation des événements tactiles avec Twitter Bootstrap

J’utilise twitter-bootstrap pour développer une application Web pouvant afficher plusieurs périphériques.

Maintenant, je voudrais gérer l’événement «tap». Donc ma question est la suivante:

  1. Puis-je gérer l’événement ‘tap’ avec jquery 1.7.2 sans utiliser jqueryMobile?
  2. Si la réponse à la question ci-dessus est non, alors comment puis-je intégrer jqueryMobile avec twitter-bootstrap. Parce que j’ai essayé d’inclure jQueryMobile js dans ma page twitter-bootstrap et quand je l’utilise, la page se casse !!

L’événement du robinet est un événement jQuery Mobile et n’est pas un événement HTML5 réel qui a une spécification. HTML5 spécifie les événements tactiles , qui sont pris en charge sur Android et iOS , et Twitter Bootstrap utilise déjà les cas dans certains de ses plug – ins.

Cependant, d’ aller sur une notion de bon sens de ce qu’est un événement du robinet pourrait être, on pourrait facilement les déclencher sur la base d’ une séquence d’événements tactiles. Voici un essai: 

// listen for a touchstart event $('body').on('touchstart.tap',function (e) { // listen for a touchend event $(e.target).one('touchend.tap',function() { $(e.target).sortinggger('tap'); }); // cancel it in 150ms setTimeout(function () { $(e.target).off('touchend.tap'); },150); });

Cela déclenchera un événement tap si un touchend suit un touchstart dans un délai de 150 ms (que vous pouvez ajuster, bien sûr). Vous pouvez utiliser cette option au lieu d’inclure jQuery mobile si vous souhaitez uniquement un événement tapant .

J’ai enfin découvert Touchable-jQuery-Plugin, qui gère le toucher et les événements de souris correspondants.