Блог

Я использую сортируемый элемент списка, и я хочу, чтобы при перемещении элемента из позиции a в позицию b у элемента была новая позиция. например, * Firsth:1 * second: 2 * third:3 при замене третьего на первый я получу: *first:3 * second: 2 * third:1

это то, что я пробовал до сих пор

 $(function () {
$('#sortable').sortable({
//to prevent items from moving around when draging
containment: "parent",
start: function (event, ui) {
// get the initial position(index) of item
var start_pos = ui.item.attr('id');
ui.item.data('start_pos', start_pos);
},

update: function (event, ui) {
var start_pos = ui.item.attr('id');//position of dragged
// alert(start_pos);
var sortedIDs = $( "#sortable" ).sortable( "toArray" );
console.log(sortedIDs);
 // Iterate over all <li> elements
 var new_pos=((sortedIDs.indexOf(start_pos)) 1);
 // alert(new_pos);

  if (start_pos < new_pos) {
   //update the items before the re-ordered item
  for(var i=new_pos; i > 0; i--){
  $(this).attr('id', (i-1));    
   }
}
 else {
  //update the items after the re-ordered item
   for(var i=new_pos 2;i <= $("#sortable li").length; i  ){
    $(this).attr('id', (i-1));
      }
     }
},

    axis: 'y'
});
});