search

furf / jquery-ui-touch-punch

A duck punch for adding touch events to jQuery UI
http://touchpunch.furf.com/
3.51k stars 1.33k forks source link

Implementation of touch punch with jQuery-UI draggable doesn't work #113

Open theirf opened 11 years ago

theirf commented 11 years ago

I am making elements draggable with jQuery UI's draggable and it works on desktop, but obviously not on mobile / multi-touch. So I turned to touch-punch.

I believe I am doing everything correctly, but it is not working on iPad Mini or Nexus 7. The demo on the website works only on the iPad Mini.

I load the script after jQuery and jQuery UI. But it doesn't work.

Here is a URL: http://goo.gl/aOTLla

It works on desktop, but not on any mobile devices.

The white cards ( rectangles ) are supposed to be draggable as they are on desktop.

RolfVeinoeSorensen commented 11 years ago

I have the same problem trying to get it to work on a windows 8 tablet and Jquery-UI draggable

RolfVeinoeSorensen commented 11 years ago

This blogpost solved my problem ;-) http://msmvps.com/blogs/theproblemsolver/archive/2012/10/24/jquery-ui-and-windows-8-and-internet-explorer-10-touch-screens.aspx running jquery 2.0.3 and jquery ui 1.10.3

theirf commented 11 years ago

Thank you, solved it for me too!

joy9977 commented 10 years ago

It works fine with 1.10 as well. Its working on iPad too. Try this. Should work:

script type="text/javascript" src="js/jquery-1.10.2.min.js"> link rel="stylesheet" href="../smoothness/jquery-ui-1.10.3.css" /> link rel="stylesheet" href="css/jquery-ui-1.10.3.min.css" type="text/css" /> script type="text/javascript" src="js/jquery-ui-1.10.4.min.js"> script type="text/javascript" src="js/jquery.ui.touch-punch.js">

Maintain the order. Hope this helps.