JQuery UI Touch Punch – Touch Event Support voor jQuery UI

JQuery UI Touch Punch - Touch Event Support voor jQuery UI complexe gevallen waarin Touch PunchjQuery UI Touch Punch

Raak Event Support voor jQuery UI

Getest op iPad, iPhone, Android en andere touch-enabled mobiele apparaten.

jQuery UI Touch Punch is een kleine hack die het gebruik van aanraking gebeurtenissen op sites met behulp van de jQuery UI gebruikersinterface bibliotheek maakt.

Momenteel heeft jQuery UI gebruikersinterface bibliotheek ondersteunt het gebruik van aanraking gebeurtenissen in hun widgets en interacties. Dit betekent dat de gladde UI u ontworpen en getest in uw desktop browser zal mislukken op de meeste, zo niet alle, touch-enabled mobiele apparaten, kreeg jQuery UI luistert naar muisgebeurtenissen—mouseover, mousemove en mouseout—niet gebeurtenissen raken—touchstart, touchmove en touchend.


Dat is waar jQuery UI Touch Punch komt. Touch Punch werkt met behulp van gesimuleerde gebeurtenissen in kaart aanraakgebeurtenissen hun muisgebeurtenis analogen. Gewoon onder meer het script op uw pagina en je touch events zal worden omgezet in hun overeenkomstige muis gebeurtenissen waar jQuery UI zullen reageren zoals verwacht.

Zoals ik al zei, Touch Punch is een hack. Het eend stoten enkele van jQuery UI’s kernfunctionaliteit om het in kaart brengen van aanraking gebeurtenissen te verwerken. Touch Punch werkt met alle elementaire implementaties van interacties en widgets jQuery UI’s. U kunt echter meer complexe gevallen zoeken waar Touch Punch mislukt. Als dat zo is, scroll naar beneden om te leren hoe je kunt indienen en / of problemen op te lossen.

Deze code wordt dual gelicenseerd onder de MIT of GPL versie 2 licenties en is daarom vrij om te gebruiken, te wijzigen en / of te distribueren, maar als je ook Touch Punch in andere softwarepakketten of plugins, dan kunt u onder andere een toerekening aan de originele software en een koppeling deze Touch Punch website.

Download de Code

De jQuery UI Touch Punch plugin is beschikbaar in twee versies:

* minified & gezipt

Gelieve niet direct te koppelen aan deze bestanden. Download ze en ze op te nemen van uw server. Laten we een herhaling van dit incident niet.

Net als de Code? Donateur!

Als u denkt dat jQuery UI Touch Punch je leven (en het leven van uw gebruikers) een beetje makkelijker heeft gemaakt, dan kunt u overwegen om een ​​donatie.

Uw bijdragen staat u mij om tijd te besteden het behoud van de code, het schrijven van documentatie, het creëren van voorbeelden en het helpen Touch Punch gebruikers debuggen van hun toepassingen.

Met behulp van Touch Punch is net zo makkelijk als 1, 2…

Volg gewoon deze eenvoudige stappen om aanraking gebeurtenissen in uw jQuery UI app in te schakelen:

Omvatten jQuery en jQuery UI op uw pagina.

Omvatten Touch Punch na jQuery UI en vóór het eerste gebruik.

Houd er rekening mee dat als u gebruik maakt van onderdelen van jQuery UI’s, moet Touch Punch worden opgenomen na jquery.ui.mouse.js, zoals Touch Punch wijzigt haar gedrag.

Er is geen 3. Gebruik gewoon jQuery UI zoals verwacht en bekijk het werk bij de aanraking van een vinger.

Probeer Enkele voorbeelden

“Het verhaal van jQuery UI Touch Punch”
jQuery Conference, Portland 2013

Het verhaal van jQuery UI Touch Punch is het verhaal van een stukje code dat bijna nooit maar nu is geschreven draait op meer dan 60 miljoen websites. Het is een verhaal over het helpen van anderen, uw werk te delen en het volgen van je creatieve impulsen, zonder rekening te houden met de gevolgen. En * bleep * ing gevolgen.

Interactieve presentatie is te vinden op talks.furf.com.

Omgaan met problemen

Als je fouten met behulp van jQuery UI Touch Punch ervaren, meldt ze op GitHub. Gelieve specifieke details en, indien mogelijk, een link naar de gebroken implementatie.

Voor het indienen van een probleem, controleer om te zien dat een soortgelijk probleem niet eerder is ingediend. Bekijk onopgeloste vraagstukken.

Nog beter, kunt u helpen door de vaststelling van fouten en vervolgens het indienen van aanvragen te trekken.

Bij het indienen van een pull-aanvraag, gelieve links naar voorbeelden van de gebroken en vaste functionaliteit.

Bekijk onopgeloste vraagstukken

Laat een reactie achter

Laat me weten wat je denkt!

Over de auteur

jQuery UI Touch Punch wordt onderhouden door furf. aka David Furfero: UI engineer bij Time, Inc. MLB. Meebo. furf. improv comedian en all-around lief lul.

Als u vragen hebt over Touch Punch of andere dingen JavaScript, voel je vrij om mij te vinden @furf op Twitter.

Voor andere interessante JavaScript projecten, controleer mijn GitHub repos.

  • jQuery UI Touch Punch is © 2011David Furfero en dubbele gelicenseerd onder de MIT of GPL versie 2 licenties.
  • jQuery UI is © 2012 jQuery Foundation en de jQuery UI Team.
  • GitHub Knoppen met dank aan Mark Otto. Instant website met dank aan Twitter Bootstrap.
  • Speciale dank aan Caleb Olin voor inspirerende, maar nooit met behulp van deze software. U bent mijn muze.

touchpunch.furf.com

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

drie × 4 =