jQuery Touch Punch is a “small hack” that enables touch interaction with jQuery UI widgets.
Questions tagged [jquery-ui-touch-punch]
62 questions
2
votes
2 answers
jQuery UI Touch Punch draggable()
In my application I use drag&drop which I aslo want to implement on mobile devices. I was thinking about using JQuery Ui touch punch like this:
var thumb = document.createElement("img");
$(thumb).draggable({containment: "html"});
The problem is…
Jacob
- 3,580
- 22
- 82
- 146
1
vote
1 answer
jquery touch punch - draggable on ipad
i am starting to work with the jquery touch punch extensions in order to allow draggability on ipad, but i am getting tripped up right away. probably something terribly dumb on my part. the draggable example from the developer works fine on my…
dshuta
- 11
- 1
- 6
1
vote
3 answers
How do I implement jquery ui touch punch into my code?
I'm still new to the realm of jquery but have a drag-and-drop code I'm looking to use on mobile devices as well. I've researched and it looks like I need to give Touch Punch a go, but I'm pretty unfamiliar with how to insert the coding in the…
denofdreamers
- 63
- 7
1
vote
0 answers
Add Script On Click
I have two scripts running at the same time. 1 is jqueryUI and the other is touchpunch. I have a signbox made in canvas where users can digitally sign. The problem occurs on the mobile. THe signature are draggable as they are on a contract. but on…
sajjad aslam
- 47
- 6
1
vote
1 answer
JQuery UI Draggable Fails with newer JQuery 3.3 (using JQuery UI Touch Punch)
I implemented a split screen slider using Jquery UI with Touch Punch by dragging an icon - using the jQuery UI "draggable" feature. it works great on the desktop and on the mobile IOS phone. I went along with jQuery 1.12.4., based on some code…
hder
- 67
- 3
- 11
1
vote
0 answers
Jquery ui touch double click not working
I am using the jquery ui touch punch to enable the touch event support for my application in the touch-enabled mobile devices.
The drag and single click is working but double clicking is not working.
By adding this CSS
.ui-draggable {
…
Student
- 304
- 3
- 15
1
vote
0 answers
Trigger Javascript event on different target
I have a element which adds a child to itself when a mousedown or touchstart event occurs. This child is resizable (jQuery ui widget). I use http://touchpunch.furf.com/ wich enables jquery-ui widgets for touch devices.
I want to resize the child…
SCHTAILian
- 428
- 4
- 16
1
vote
1 answer
jQuery touch-punch draggable in list: scroll and drag interferes (mobile device)
I am trying to build a list of draggables but the drag event somehow interferes with the scroll event on mobile devices (tested on a windows tablet, on desktop pcs it works fine). I can either scroll or drag but not both. If I set "-ms-touch-action"…
LLO
- 31
- 3
1
vote
0 answers
jQuery draggable() element doesn't start till after the second tap (on double tap only), any explanation?
I have a draggable element that responses to a tap/touch event to be dragged on a slider. It works fine on iOS devices. But on Android, it only works if I second tap the slider's icon! I need it to work from the first tap.
I'm using the JQuery Touch…
Saeed Badran
- 21
- 4
1
vote
1 answer
css z-index property is not working even on divs with position
I am trying to make a draggable div visible over everything else while dragging it.
Here is my jquery touch punch code:
$('#draggable').draggable({
zIndex: 99999999999,
drag: function(event){...},
helper: 'clone',
position: 'absolute',
…
embergal
- 159
- 2
- 7
1
vote
1 answer
jquery touch punch z index has no impact
I am working on ipad drag and drop and i tried to make the draggable element visible on every other div but it works only in parent div, my code is:
$('#draggable').draggable({
zIndex: 20,
drag: function(event){...},
helper: 'clone',
…
embergal
- 159
- 2
- 7
1
vote
1 answer
How to get the index of an element below the dragged one on "sortover" event with jQuery UI Sortable?
I know this seems strange because there already is an update event. But I'm using the touch-punch library to make jQuery UI Functions work on touch devices. But for example on Nexus 7's Chrome browser the update event doesn't fire. That's why I try…
user2718671
- 2,866
- 9
- 49
- 86
1
vote
0 answers
Swipe touch events are caught by the browser not by my website
On my horizontally scrolling website I have these functions that handle swiping:
$("body").mousedown(function (event) {
....
});
$(document).mouseup(function (event) {
....
});
If distance and time from mouse down to mouse up are within the…
Christian
- 317
- 1
- 14
1
vote
1 answer
Draggable div with gmap inside dont work on mobile browser
I want to make a div draggable, so that I can drag an gmap (like an widget). I don't want to drag the content of the gmap.
In my JSfiddle it works on computer browser but don't on a mobile browser. That's my simple code:
function initialize() {
…
user1609820
- 59
- 5
1
vote
0 answers
jquery touch punch resize works in all browsers apart from Chrome
I am using touch punch to enable drag and resize via touch on controls. The drag works fine in all browsers on deskptop, IOS tablets, and Android tablets.
However the resize function only works in Safari, IE, and Firefox on desktop. And it only…
James Blackburn
- 594
- 4
- 23