jQuery – draggable images on iPad / iPhone – how to integrate event.preventDefault();?

by

Try this library

https://github.com/furf/jquery-ui-touch-punch

Just follow these simple steps to enable touch events in your jQuery
UI app:

  1. Include jQuery and jQuery UI on your page.

    <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>

  2. Include Touch Punch after jQuery UI and before its first use.

    Please note that if you are using jQuery UI’s components, Touch Punch must be included after jquery.ui.mouse.js, as Touch Punch
    modifies its behavior.

    <script src="https://stackoverflow.com/questions/4488601/jquery.ui.touch-punch.min.js"></script>

  3. There is no 3. Just use jQuery UI as expected and watch it work at the touch of a finger.

    <script>$('#widget').draggable();</script>

More Related Contents:

  1. Slide right to left?
  2. How to remove close button on the jQuery UI dialog?
  3. Find out whether radio button is checked with JQuery?
  4. JQuery ui – date picker, disabling specific dates
  5. How to draw a line between draggable and droppable?
  6. How to display an IFRAME inside a jQuery UI dialog
  7. How can I programmatically change a select box selection from within the control’s own change event and have it work in mobile browsers
  8. JQM (jQueryMobile) Dynamically added elements not displaying correctly and CSS is not applied
  9. how to get value of selected item in autocomplete
  10. jQuery UI Autocomplete – menu disappears on hover
  11. Dynamically adding to in jquery mobile
  12. Jquery UI tooltip does not support html content
  13. Use jQuery to hide a DIV when the user clicks outside of it
  14. Clear form fields with jQuery
  15. Scroll to bottom of Div on page load (jQuery)
  16. How do I get the entire page’s HTML with jQuery?
  17. Resizable table columns with jQuery [closed]
  18. Remove span tag in string using jquery
  19. How do you create a toggle button?
  20. html5 audio player – jquery toggle click play/pause?
  21. SVG draggable using JQuery and Jquery-svg
  22. Remove elements with only a   space using jQuery
  23. jQuery mobile- For every live tap event should there be an equivalent click event?
  24. Select only specific dates in jQuery UI datepicker (date list comes from AJAX)
  25. Jquery Multiple load in a DIV
  26. How add spaces between Slick carousel item
  27. Datatables warning(table id = ‘example’): cannot reinitialise data table
  28. jQuery web page height
  29. jQuery: find input field closest to button
  30. What jQuery version to mention in code

Leave a Comment