This repository was archived by the owner on Oct 8, 2021. It is now read-only.
This repository was archived by the owner on Oct 8, 2021. It is now read-only.
Draggable div without scrolling page #630
Closed
Description
Hi jquery-mobile team,
I want to use jquery-ui draggable to move a div around a page.
At the moment, the ipad is catching the drag, so the page is sliding up and down.
I've seen the slider example, and it might be the best start yet, implementing the same solution with X/Y coordinates.
Have you got other ideas to implement this drag feature?
Thanks for your work,
Alex
Activity
PHANTOMIAS commentedon Dec 8, 2010
I also have this problem, so one up-vote.cPerhaps there is a workaround?
toddparker commentedon Jan 14, 2011
We'll probably tackle this post-1.0. The UI project has a branch that supports touch events for interactives that might be a good starting point.
PHANTOMIAS commentedon Jan 14, 2011
I currently use an additional JavaScript file http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ which works. But what's not possible (I do not know if iOS supports this), drag two elements simultaneously. I can only drag and drop one element.
kof commentedon Jan 27, 2011
I have created a small wrapper a long time ago to support touch events for drag&drop, sortables etc.
https://github.com/kof/labs/tree/master/touch
Here is a demo
https://dl.dropbox.com/u/3872624/lab/touch/index.html
It works, but the problem is it is very slow, because we have to use css 3 transitions.
It whould be very easy to overwrite currently used top and left style properties if they would be done in separate method in every widget or centralized.
toddparker commentedon Feb 15, 2011
Closing and moving to the feature requests page for post-1.0:
https://github.com/jquery/jquery-mobile/wiki/Feature-Requests