jQuery Touch Punch is a “small hack” that enables touch interaction with jQuery UI widgets.
Questions tagged [jquery-ui-touch-punch]
62 questions
7
votes
1 answer
Play Audio on Drag and Drop in Mobile Browsers
I have a site that has dragging and dropping and is intended to work on computers, tablets, and phones. It uses jQuery, jQuery UI, and jQuery UI Touch Punch. Dragging causes a short audio clip to play, as does dropping. This fiddle has an…
Nick
- 8,049
- 18
- 63
- 107
7
votes
2 answers
jQuery UI Sortable -- Div is not draggable when the page is scrollable
In advance thanks for taking a look at my question.
I am creating a website where i have a list of divs which are sortable on the Y-axis using jQuery UIs sortable. Since i want this to run on mobile devices using touch i had to add a little hack to…
TheWandererr
- 514
- 1
- 8
- 34
6
votes
1 answer
How to import jquery ui touch punch in Angular 2 Webpack app?
I have jQuery range slider widget that I import and use like this:
declare var jQuery: any;
import 'jquery-ui/ui/widgets/slider';
import 'jquery-ui/ui/widgets/mouse';
and use it like…
Chyngyz
- 198
- 1
- 8
5
votes
1 answer
jQuery-ui slider not working with jQuery-ui Touch Punch
I have a jQuery-ui slider that I'm trying to make work on the iPad using jQuery-ui Touch Punch. According to the documentation, once I've included the library, I should simply need to do the following to make it work on the…
User
- 159
- 1
- 8
3
votes
1 answer
What does Touch Punch JQuery UI offer?
I'm using JQuery UI Touch Punch, like I use it in this JSFiddle. I searched a lot of places to figure out what event and ui contains, but I wasn't able to find something about it.
Is there some kind of documentation that I'm missing? Or can someone…
M Zeinstra
- 1,931
- 4
- 17
- 46
3
votes
1 answer
Draggable divs leaving a line trail when dragged, possible?
I'm currently trying to make a sort of online coach tactic board where you drag around divs posing as players to show a lineup or a specific tactic.
I'm using Touch Punch for the dragging and it works well, on PCs, tablets and smarthpones (the two…
MGJ
- 147
- 2
- 12
2
votes
1 answer
How to implement jQuery UI Touch Punch and Jquery-ui locally?
Accourding to this documentation (jQuery UI Touch Punch) I tried to install the following packages with npm in order to implement them locally in my project:
jquery
jquery-ui
jquery UI Touch Punch
The first problem I had is, in the…
Nixen85
- 1,253
- 8
- 24
2
votes
0 answers
full calendar touch screen support for external events
The current version of fullcalendar works great on touch screens, you can drag and drop events within the calendar. However the external dragging demo does not work.
https://fullcalendar.io/js/fullcalendar-3.6.2/demos/external-dragging.html
Is…
Dallas
- 78
- 1
- 7
2
votes
0 answers
jQuery-ui slider when touch the handle it jumps, which should be still
I used jQuery-ui plugin and jquery.ui.touch-punch to realize drag slider event on mobile device. I closed click event, and I want only when I drag the handle, it works. Everhthing works fine, except when I touch the handle first(don't touchmove,…
silk
- 35
- 9
2
votes
1 answer
Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted
Full error:
Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
preventDefault @ jquery-2.2.4.min.js:3
f @ …
user736893
2
votes
0 answers
JQuery UI Draggable + touch punch + touch scroll?
I'm using JQuery UI and Touch Punch to do some mobile work. I have a vertically scrolling list of items that I need to make draggable. Obviously this presents a problem. My idea was to limit dragging to a certain vector and everything else would…
user736893
2
votes
2 answers
Cannot read property 'setData' of undefined - jQuery UI Touch Punch
I am unsure why setData and getData is undefined whenever I call it through jQuery UI.
I am doing
$(`#selector`).draggable({
start: function(event: any) {
drag(event);
},
stop: function(event:…
Simon
- 6,413
- 6
- 34
- 57
2
votes
1 answer
JQMobile App with Touchpunch not working
I am trying to get a Worklight 6.2 app JQueryMobile 1.4 mobile app working which has draggable widgets. I have included js from touchpunch http://touchpunch.furf.com/ , where I have a button that I am trying to make draggable…
JT-user2216025
- 194
- 12
2
votes
1 answer
Ruby on Rails - jQuery UI Touch Punch
I'm trying to use jquery-ui sortable(), the function has has to work on both mobile devices and desktop computers.
sortable() works fine when I use the mouse button or the touch screen on my laptop but not in mobile devices.
The app is built using…
bjarkig82
- 558
- 4
- 13
2
votes
1 answer
jquery touch punch and jquery ui 1.9.1
I have been using jquery touch punch for a while and it has been perfect, until I updated to jquery ui 1.9.1 and jquery 1.8.3. It just does not seem to work. Is there a compatibility issue or something I have to do to make it work?
Thank you.
Juan Carlos Ortega Flores
- 21
- 1
- 2