jQuery Touch Punch is a “small hack” that enables touch interaction with jQuery UI widgets.
Questions tagged [jquery-ui-touch-punch]
62 questions
1
vote
1 answer
Jquery touch punch works for Chrome and Firefox but not IE
I am using the jquery touch punch library to enable users to move images around via touch. This works fine in Chrome and Firefox but will not work in IE.
I find if I hold down on the image in IE a small square appears and I am able to drag the image…

James Blackburn
- 594
- 4
- 23
1
vote
1 answer
JQuery UI Draggable and touch-punch in Android default browser
I'm trying to implement drag and drop behavior using JQuery UI with Touch Punch library (http://touchpunch.furf.com/). Everything works fine in all browsers on android and ios, except default android browser. In simplest examples provided on…

Alex21975
- 11
- 2
1
vote
1 answer
jQuery slider touch-punch not working properly
I referred this and using touch-punch. But, its throwing me the following error:
Object [object Object] has no method 'draggable' for the line :
or…

Smitha
- 6,110
- 24
- 90
- 161
1
vote
1 answer
jQuery draggable with touch punch - flickering issue
My draggable div becomes draggable on touch devices, but it "flickers" to weird positions when starting to move it. Works like a charm om desktop devices but not on iPad or Android.
Any suggestions for a solution?
Thanks in advance!

Christian V
- 105
- 10
1
vote
1 answer
jQuery UI slider with Touch Punch: handle locked
I'm using jQuery UI slider with Touch Punch (http://touchpunch.furf.com) so it works on touch mobile devices. The slider sits in a header which is position:fixed to the top. Content below the header isn't fixed and scrolls underneath the header as…

user1857769
- 11
- 2
0
votes
0 answers
Drag event firing but click event not firing on mobile
I have a calendar application where users can click items, which generates a popup allowing the user to amend the details, or drag items to move them to a different day.
On mobiles, I use touchpunch to allow this dragging to happen. It works fine on…

iwilliams
- 35
- 6
0
votes
1 answer
JQuery UI (Draggable) + TouchPunch moving elements when losing/gaining focus
I've just gotten some draggable screens working on an app I'm working on through jqueryui & touchpunch, but on mobile when the screen loses and comes back into focus, the elements used by jqueryui jump all over the place and not sure what's causing…

Mike Z
- 13
- 2
0
votes
1 answer
Touch punch not working on first page load with jQuery Mobile and jQuery sortable
I have a site running on Ruby on Rails that is using jQuery 2.0.3. jQuery-UI 1.11.4 and jQuery mobile 1.4.5. I have a drag and drop sortable list implemented using the 'rails_sortable' gem that works perfectly on desktop but not mobile, so I added…

Robin Savinsky
- 63
- 7
0
votes
1 answer
Slider to stop moving out of screen when the page is zoomed in mobile sites
I am adding a QapTcha pluggin into my website, I am using jquery.ui.touch-punch.min.js.
However, when I zoom into a page from a mobile site and I drag my slider left, it moves out of the bar, which it isn't supposed to do. I have attached pictures…

marry
- 153
- 2
- 3
- 15
0
votes
1 answer
CSS Issue: Sortable Using Touch Punch not working in Mobile (Safari)
I created a drag and drop or sortable image using touch punch.. Everything works fine in chrome even in android. But it seems it is not working in Safari using iPhone..
https://jsfiddle.net/y05w1mog/
Might be an CSS issue.. Image should be draggable…

Yzak
- 81
- 2
- 13
0
votes
0 answers
jQuery UI Touch Punch and dynamically loaded content
jQuery UI Touch Punch works perfectly if content was loaded in DOM before loading this library.
After loading content dynamically into the DOM (like HTML-tags

Fred
- 1
- 1
0
votes
1 answer
Touch move getting stuck after 30-80 times & in console error is coming
Full Error:
[Intervention] Ignored attempt to cancel a touchend event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
preventDefault @ jquery.min.js:2
(anonymous) @ number_grid_game.php:239
each …

Nitin Jain
- 83
- 1
- 14
0
votes
1 answer
Is there a solution to introduce both drag and scroll on mobile devices using?
Is there a solution to introduce both drag and scroll on mobile devices using Jquery UI and Jquery ui touch punch?
Click to view image
I have added image which will explain use case.

Ujwol Shrestha
- 27
- 7
0
votes
1 answer
Delay option for jQuery Ui Sortable doesn't work on iOS
I am using jQuery UI Touch Punch to enable the Sortable function on iOS Safari. Sortable on iOS works fine, but I am unable to see any of the options (i.e. delay, distance, etc.) function properly. All of the options work in browsers, just not on…

Scott
- 3
- 1
- 2
0
votes
0 answers
TouchPunch preventing onclick event with jquery UI sortable (mobile only)
I'm using Jquery UI with TouchPunch for mobile compatibility, and it seems to be preventing the onclick event for a div within my unordered list item on mobile only. Here is what I tried:
Setting the distance so there is a 10 pixel dead zone, that…

Vandel212
- 1,074
- 1
- 13
- 28