kéo sự kiện cho jquery-ui-sortable

Question

Làm cách nào để nghe sự kiện drag khi đang chụp jquery-ui-sortable?

Bằng chiến lược hit-n-trial, tôi đã thử sự kiện drag từ jquery-ui-draggable nhưng không hoạt động.

$('.widget_container').sortable({ 
    drag: function(event, ui) { console.log('drag'); } 
}); 

Answer 1

Sử dụng sort kiện cho mục đích này:

$(".sortable").sortable({ 
    sort: function(e) { 
     console.log('X:' + e.screenX, 'Y:' + e.screenY); 
    } 
}); 

http://jsbin.com/kegeb

Answer 2

Trên tài liệu hướng dẫn nó nói bạn phải sử dụng "loại" thay vì "kéo".

http://api.jqueryui.com/sortable/#option-forcePlaceholderSize

Answer 3

Nếu bạn cần để xử lý sự kiện khi người dùng bắt đầu để kéo, bạn nên sử dụng handle thay vì sort:

$(".sortable").sortable({ 
    handle: function(e) { 
     console.log('Handled'); 
    } 
}); 

Sự kiện này sẽ diễn ra vào đầu kéo và khi trang được tải (http://api.jqueryui.com/sortable/#option-handle).

tôi đề nghị bạn cũng kiểm tra câu trả lời này, điều này giải thích cách đúng để xử lý các yếu tố của bạn khi danh sách của bạn được cập nhật: Get order of list items in a jQuery Sortable list after resort

Chúc may mắn