2010-07-19 9 views

Antwort

5

Wenn Sie nicht die jQuery UI verwenden, verwenden Sie die von mir erstellte Verzweigung https://github.com/mikeangstadt/jquery-ui-touch-punch.git, um Touch-Handler mit jQuery zu verbinden, indem Sie die bereits definierten Mausereignisse auslösen.

Funktioniert gut auf iOS6, nicht für Android oder andere getestet.

2

Bestätigt, dass furfs jquery-ui-touch-punch auf dem iPad funktioniert.

Es ist so einfach wie das Einbinden von "jquery.ui.touch-punch.js", nachdem Sie jquery-ui und jquery selbst eingebunden haben. Zum Beispiel:

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(); 
} 

Now "Artikel" gezogen um auf dem iPad auf dem Bildschirm sowie in Chrom auf dem Desktop werden kann.

0

Ich habe an einer Lösung für dieses Problem war meine Github überprüfen: https://github.com/youryss/fixdragtablet

Ich hoffe es für Sie

+1

Bitte Code in Ihre Antwort einfügen. Wir sind faul und mögen es nicht, auf Links zu klicken. – mhlester

+0

Ich kann nicht den ganzen Code posten, es ist eine Mischung aus Lösungen:/aber guck mal, ich denke, es wird für dich funktionieren :), Ich bin hier zu Fragen – Youry