có được vị trí bắt đầu của một mục bằng cách sử dụng jquery ui sắp xếp được Plugin

Question

Tôi đang sử dụng plugin sắp xếp được jQuery UI và tôi đang cố gắng để có được 2 báo

Tôi muốn các vị trí nhìn chằm chằm của nguyên tố này và vị trí hoàn chỉnh của thành phần.

$(function() { 
    $("#filterlist ul").sortable({ opacity: 0.6, cursor: 'move', update: function(event, ui) { 
      alert(ui.item.prevAll().length + 1); 
     } 
    }); 
}); 

tôi có thể có được vị trí của mặt hàng đó sau khi nó đã được kéo bằng cách sử dụng: -

ui.item.prevAll().length + 1 

để tôi sử dụng gì để có được vị trí của nó bắt đầu từ đâu?

Answer 1

Sử dụng sự kiện start và "bộ nhớ cache" vị trí bắt đầu

var start; 
$(function() { 
    $("#filterlist ul").sortable({ 
     opacity: 0.6, 
     cursor: 'move', 
     start: function(event, ui) { 
      start = ui.item.prevAll().length + 1; 
     }, 
     update: function(event, ui) { 
      alert(start + " -> " + (ui.item.prevAll().length + 1)); 
     } 
    }); 
}) 

Answer 2

$(function() { 

    $("#sortable").sortable({ 
     start: function(event, ui) { console.log('before @ '+ ui.item.index()) }, 
     update: function(event, ui) { console.log('now @ '+ ui.item.index()) } 
    }); 

});​ 

thử demo này và xem ở giao diện điều khiển ...