Làm cách nào để tạo các div có thể sắp xếp giao diện người dùng jQuery được kéo chỉ từ một biểu tượng?

Question

Tôi đã sử dụng một số plugin jQuery UI có thể sắp xếp nhưng tôi luôn thấy cùng vấn đề, tôi không thể chọn hoặc nhấp vào bên trong các DIV có thể sắp xếp, Vì vậy, có thể tôi có thể tìm giải pháp bằng cách đặt biểu tượng từ đó bạn chỉ có thể kéo div để bạn có thể chọn phần khác.

Làm cách nào để thực hiện điều đó?

Cảm ơn

Answer 1

Trong mỗi mục có thể sắp xếp của bạn, bao gồm mọi thứ bạn muốn làm tay cầm. (IE, một img hoặc một kiểu span.) Cung cấp cho (các) yếu tố xử lý một tên lớp — handle có thể là một lựa chọn tốt.

Trong công cụ xây dựng có thể sắp xếp, hãy đặt bộ chọn handle cho lớp bạn đã cấp cho tay cầm của mình.

$('#div').sortable({ 
    handle: '.handle', 
    cursor: 'move', 
    ... 
}); 

tôi cũng khuyên bạn nên đưa yếu tố xử lý của bạn một phong cách .handle { cursor:move; } vì vậy người dùng có một số dấu hiệu cho thấy grabbing nó sẽ cho phép họ di chuyển mục xung quanh.

Answer 2

The draggable handle.