2012-03-17 29 views
7

bất cứ ai có thể giúp tôi với chút mã này: http://jsfiddle.net/tVzq9/2/Giao diện người dùng jQuery - Thu thập dữ liệu có thể kéo/có thể tải xuống div phụ huynh?

Tôi đang cố gắng để có được những div '.boxArt' snap vào div cha mẹ '.drop', nhưng trong cùng một cách như nó reverts (vì vậy nó mịn). Tại thời điểm nó sẽ rơi vào div nhưng sẽ không phù hợp với nó đúng cách. Sử dụng "tolerance: 'fit'" cho div thả không hoạt động vì nó rất khó để định vị chính xác trên nó. Cảm ơn đã giúp đỡ!

Trả lời

15

Dưới đây là một giải pháp: http://jsfiddle.net/awsFU/

Sử dụng drop event của droppable để xử lý các hình ảnh động của kéo vào droppable. Lưu ý rằng hàm gọi lại drop nhận được hai tham số: eventui. Đối tượng có thể kéo được truy cập thông qua tham số ui (ui.draggable) bên trong gọi lại drop. Sau đó, bạn có thể tính toán vị trí mới của draggable từ các offset hiện tại của draggable và droppable.

+0

Cảm ơn! Hoạt động hoàn hảo. :) Một câu hỏi khác - là div có thể kéo được thực sự di chuyển đến div để nó có thể được phát hiện? Khi một người được đặt lên người khác, tôi muốn họ chuyển nơi. Điều đó có thể không? Cảm ơn một lần nữa. –

+2

Nếu bạn sử dụng một cái gì đó như Firebug, bạn sẽ thấy rằng 'div' không được di chuyển trong html - chỉ có kiểu của chúng được thay đổi để thay đổi vị trí của chúng. Đối với những gì bạn muốn làm, bạn có thể sẽ phải kiểm tra vị trí của các vật kéo khác và di chuyển nó khi draggable đầu tiên được thả vào cùng một vị trí. –

Các vấn đề liên quan