How to get jQueryUI drag\drop working with touch devices

If you just want your current jQuery UI code to work with touch events, you can use the jQuery UI Touch Punch monkey patch.

The only “technical problem or core incompatibility” is that jQuery UI (1.x) only listens for mouse events, not touch events (See @ScottGonzales’s response for the historical reason). jQuery touch punch, above, makes that change. You can even try some of the jQuery UI examples on that page, and they work. Generally, using Touch Punch is the currently accepted solution.

Related Contents:

  1. jQuery drag and drop simulation does not work for the last draggable
  2. jQuery draggable shows helper in wrong place after page scrolled
  3. When I make a draggable clone and drop it in a droppable I cannot drag it again
  4. Restrict jQuery draggable items from overlapping/colliding with sibling elements
  5. jQuery UI DatePicker – Change Date Format
  6. jQuery Event : Detect changes to the html/text of a div
  7. Slide right to left?
  8. Dialog box runs for 1 sec and disappears?
  9. jQuery Date Picker – disable past dates
  10. How to change the text of a button in jQuery?
  11. Find out whether radio button is checked with JQuery?
  12. How to remove close button on the jQuery UI dialog?
  13. How to implement “confirmation” dialog in Jquery UI dialog?
  14. Revert a jQuery draggable object back to its original container on out event of droppable
  15. jQuery UI Datepicker – Multiple Date Selections
  16. check / uncheck checkbox using jquery? [duplicate]
  17. How to set cache false for getJSON in jQuery?
  18. jQuery ui datepicker with Angularjs
  19. How can I make a jQuery UI ‘draggable()’ div draggable for touchscreen?
  20. Unobtrusive validation in Chrome won’t validate with dd/mm/yyyy
  21. Form Submit jQuery does not work
  22. jQuery Drag And Drop Using Live Events
  23. jQuery-UI is not working in my userscript without CSS, or with customization?
  24. jQuery UI autocomplete with JSON
  25. Jquery Datepicker Chrome
  26. How to get the selected date value while using Bootstrap Datepicker?
  27. How to implement “mustMatch” and “selectFirst” in jQuery UI Autocomplete?
  28. jQuery UI dialog positioning
  29. jQuery multiselect drop down menu
  30. How to display an IFRAME inside a jQuery UI dialog
  31. Getting value from JQUERY datepicker
  32. jQuery UI Datepicker – Disable specific days
  33. jquery UI Sortable with table and tr width
  34. Simple ASP.NET MVC CRUD views opening/closing in JavaScript UI dialog
  35. Setting min date in jQuery datepicker
  36. jQuery UI Slider Labels Under Slider
  37. SVG draggable using JQuery and Jquery-svg
  38. jQuery UI Resizable alsoResize reverse
  39. Jquery datepicker – only day and month
  40. Correctly calling setGridWidth on a jqGrid inside a jQueryUI Dialog
  41. How can I disable a button on a jQuery UI dialog?
  42. What does autocomplete request/server response look like?
  43. how to add a day to a date using jquery datepicker
  44. jquery ui tabs no longer supporting cookie? now what?
  45. How to have jQueryUI dialog box dynamically load content
  46. How do I clear/reset the selected dates on the jQuery UI Datepicker calendar?
  47. How to detect if a browser is Chrome using jQuery?
  48. bootstrap-typeahead.js add a listener on select event
  49. Jquery Date picker Default Date
  50. How do you animate the value for a jQuery UI progressbar?

Leave a Comment