2013-04-28 21 views
5

Czy można zmienić kursor podczas przeciągania? Od pewnego czasu szukam i próbuję to zrobić. Chcę zmienić "niedozwolony" kursor, który pojawia się podczas przeciągania obiektu do innego kursora.

Próbowałem tworzenia zdarzenia i przypisanie go do obrazu chciałem przeciągać: -
Zmiana kursora podczas przeciągania

<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: Uwaga: Mój mały projekt to suppost na html-5 drag and drop, więc muszę mieć możliwość zmiany cur sor podczas przeciągania elementu div za pomocą html-5 drag attribute

+0

Mam ten sam problem. Czy kiedykolwiek znalazłeś jakieś rozwiązanie? Tutaj jest zduplikowany link http://stackoverflow.com/questions/14930811/html5-drag-and-drop-dnd-changing-cursor –

Odpowiedz

1

Kursor "niedozwolony" po prostu pokazał, że w ogóle nie można przeciągnąć. Musisz powiązać swój IMG z .draggable() metoda ma swoją własną opcję dla konkretnego kursora do użycia podczas przeciągania.

można go używać tak proste jak

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

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

+0

Nie dokładnie to, czego szukałem, ale czy mogę połączyć mnie z interfejsem jquery? – Tom

+0

ah w porządku Tęskniłem za tobą, nie używaj jqueryUI, jquery samo w sobie nie zapewnia funkcji przeciągania afaik, ale możesz łatwo zbudować to sam http://stackoverflow.com/questions/8569095/draggable-div-without-jquery-ui –

+0

BTW nie działa w metodach "over" i "out" (zdarzenia, w których chcesz nimi manipulować dynamicznie) –

-1

Tak, jest to możliwe. Powinieneś zmienić kursor przedmiotu, który przeciągasz (nie docelowy).

+1

Już stosuje style do przeciągniętego elementu. I nie, z natywnym procesem przeciągania i upuszczania HTML5 nie działa po prostu przez zmianę kursora przeciągniętego elementu. – H27studio

+0

Tak, masz rację, authro już zastosował css na przeciąganie, tęsknię za tym. Udało mi się to z jquery ui "helper", który można było przeciągnąć: postawiłem kursor "nodrop", gdy mysz znajdowała się poza zabronionym obszarem. Wydaje się, że pomocnik w jquery można przeciągnąć zorganizowany nie trywialnie. –

+0

Jest możliwe, że helper w jquery ui jest zwykłym elementem z bezwzględnym pozycjonowaniem powiązanym z mousemove. dlatego to jest praca dla mnie. –

Powiązane problemy