Modifica del cursore durante il trascinamento

Question

È possibile modificare il cursore durante il trascinamento? Ho cercato e ho provato a farlo per un po 'di tempo. Voglio cambiare il cursore 'non consentito' che compare mentre trascini un oggetto su un altro cursore.

Ho cercato di creare un evento e assegnandola al immagine che volevo trascinare: -

<img id="drag1" class="drag" src="http://www.surfixe.com/img/tick2.png" draggable="true" ondragstart="drag(event)" /> 

java: -

function drag(ev) { 
    $('#drag1').css('cursor', 'pointer'); 
} 

jsfiddle

Edit: Nota: Il mio piccolo progetto è supposto di essere html-5 drag and drop, quindi ho bisogno di essere in grado di cambiare il cur sor mentre si trascina un div con html-5 drag attribute

Answer 1

Il cursore "non consentito" ha semplicemente mostrato che non è stato trascinato alcuno. Devi associare il tuo img con il metodo .draggable()http://api.jqueryui.com/draggable/ ha la propria opzione per un cursore specifico da utilizzare durante il trascinamento.

è possibile utilizzare il più semplice come

$("#drag1").draggable({ cursor: "pointer" }); 

http://jsfiddle.net/wpcbM/3/

Answer 2

Sì, è possibile. Dovresti cambiare il cursore dell'oggetto che stai trascinando (non quello di destinazione).