Ändern der relativen Position eines gezogenen Elements

Question

Ich verwende jQuery UI, um einige Symbole zu ziehen. Es ist mir gelungen, eine ziehbare Funktion zu verwenden.

Aber jetzt, wenn ich die Symbole mit meinem Finger (es ist auf dem Telefon) ziehen, wollte ich sehen, dass das Symbol gezogen wird, also habe ich beschlossen, die Breite zu erhöhen (weil wir große Finger haben).

Allerdings, wenn ich auf das Symbol ziehen dies geschieht:

auch für Informationen, hier mein Code für das Ziehen Ereignis ist:

$("#icon").draggable({ 
    helper: 'clone', 
    start: function(event, ui) { 
    $(ui.helper).css('width', "150%"); 
    }, 
    stop: function(event, ui) { 
    $(ui.helper).css('width', "100%"); 
    } 
}); 

Answer 1

Ziehbare hat eine cursorAt Option:

Legt den Offset des ziehenden Helfers relativ zum m fest Mauszeiger. Koordinaten können als Hash mit einer Kombination aus einem oder zwei Schlüsseln angegeben werden: { top, left, right, bottom }.

mit dem Sie wie:

$(".selector").draggable({ 
    cursorAt: { left: 5 } 
}); 

jQuery UI standardmäßig nicht unterstützt Touch-Ereignisse. Ich glaube, Sie verwenden es mit jQuery UI Touch Punch. Hoffe, es funktioniert.