Lấy vị trí của nguyên tố này trong một danh sách khi nó kéo/thả (ui.sortable)

Question

tôi có một danh sách sắp xếp được như thế này: http://jqueryui.com/demos/sortable

Có thể để có được sự khởi đầu và kết thúc vị trí của nguyên tố trong danh sách, khi nó đã được di chuyển? Tôi đang nói về số vị trí của họ, trong danh sách.

Ví dụ: nếu tôi di chuyển phần tử 2 đến vị trí 5 trong danh sách, tôi muốn chỉ định hai số đó cho biến.

Tôi mới sử dụng jQuery - mọi trợ giúp sẽ được đánh giá cao.

Answer 1

• demo:http://so.devilmaycode.it/getting-the-position-of-the-element-in-a-list-when-its-drag-dropped-ui-sortable/

SOLUTION:

$(function() { 
    $('ul#sortable').sortable({ 
     start: function(event, ui) { 
      var start_pos = ui.item.index(); 
      ui.item.data('start_pos', start_pos); 
     }, 
     update: function(event, ui) { 
      var start_pos = ui.item.data('start_pos'); 
      var end_pos = ui.item.index(); 
      alert(start_pos + ' - ' + end_pos); 
     } 
    }); 
}); 

• LƯU Ý: cập nhật để làm cho chúng ta e jQuery data() phương pháp dưới lời khuyên của Alconja

Answer 2

Tôi tin rằng những gì bạn đang tìm kiếm để làm được thực hiện với serialize method. Sắp xếp theo thứ tự là nhận được thứ tự mới của danh sách.

Answer 3

Đối với một số lý do ui.item.index() không làm việc cho tôi.

này đã làm:

update: function (event, ui) 
{ 
    var index = $('li', $(ui.item).parent()).index(ui.item); 
    alert(index); 
}