Thay đổi con trỏ trong khi kéo

Question

Có thể thay đổi con trỏ trong khi kéo không? Tôi đã tìm kiếm và cố gắng làm điều đó một thời gian. Tôi muốn thay đổi con trỏ 'không được phép' xuất hiện trong khi bạn kéo một đối tượng sang con trỏ khác.

tôi đã cố gắng tạo ra một sự kiện và gán nó vào hình ảnh tôi muốn kéo: -

<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

Chỉnh sửa: Lưu ý: Dự án nhỏ của tôi là phần lớn là html-5 drag and drop, vì vậy tôi cần có thể thay đổi trong khi kéo một div bằng html-5 drag attribute

Answer 1

Con trỏ 'không được phép' chỉ đơn giản cho thấy rằng không có khả năng kéo nào cả. Bạn phải ràng buộc img của mình với phương pháp .draggable()http://api.jqueryui.com/draggable/ nó có tùy chọn riêng cho một con trỏ cụ thể được sử dụng trong khi kéo.

bạn có thể sử dụng nó như dễ dàng như

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

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

Answer 2

Có nó là có thể. Bạn nên thay đổi con trỏ của mục mà bạn đang kéo (không phải là mục đích).