2010-07-19 29 views

Respuesta

5

Si no está utilizando la interfaz de usuario de jQuery, use la horquilla que creé https://github.com/mikeangstadt/jquery-ui-touch-punch.git para conectar el controlador táctil mediante jQuery activando los eventos del mouse ya definidos.

Funciona bien en iOS6, no ha sido probado para Android u otros.

18

de Trabajo:

En primer lugar, el uso de jQuery UI http://jqueryui.com/demos/ para arrastrar y soltar funcionalidad

y luego añadir este script https://github.com/furf/jquery-ui-touch-punch para jugar en iPad o Iphone.

Espero que ayude.

+1

gracias, exactamente lo que necesitaba. – cgTag

+0

desafortunadamente esto deshabilitó la funcionalidad de desplazamiento si tiene muchos elementos que se pueden arrastrar ... – tmaximini

2

Confirmado que el jquery-ui-touch-punch de furf funciona en el iPad.

Hacerlo funcionar es tan fácil como incluir "jquery.ui.touch-punch.js" después de haber incluido jquery-ui y jquery. Por ejemplo:

HTML:

<head> 
    <script type="text/javascript" src="js/jquery.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script> 

    <!-- touch capability for tablets/phones --> 
    <script type="text/javascript" src="js/jquery.ui.touch-punch.js"></script> 
</head> 

Javascript:

// 
// assume that html_string is a valid string 
// containing some element you want to be draggable 
// which needs to be added to the DOM 
// 
function addItemToUIList (list, html_string) { 
    var item = $(list).append (html_string); 

    // now, using jqui and touch-punch, we can make it draggable 
    item.draggable(); 
} 

ahora "elemento" se pueden arrastrar alrededor de la pantalla en el iPad, así como en cromo en el escritorio.

0

He trabajado en una solución a este problema comprobar mi github: https://github.com/youryss/fixdragtablet

espero que funcione para usted

+1

Por favor, incluya el código en su respuesta. Somos flojos y no nos gusta hacer clic en enlaces. – mhlester

+0

No puedo publicar el código completo porque es una mezcla de soluciones:/pero échale un vistazo, creo que funcionará para ti :), yo aquí para hacer preguntas – Youry