Jquery可拖動/可排序陣列只能部分工作？

Question

我試圖創建一個可排序的照片列表，我試過所有我想到的由Draggable/Sortable生成的數組，但它不起作用，我確定我以錯誤的方式使用它，但對原始位置和原始位置+1（如果將照片移動到下一個位置）它很好奇，它會正確地報告位置，但在較高的位置上，一切都會混亂。

你可以在這裏看到我在談論： http://jsfiddle.net/sovidiu/6EvFJ/

嘗試移動在第二位置的第一張照片 - >工作 嘗試移動在第三的第一張照片，4RD POS。 - >不起作用。

Answer 1

我不確定你在問什麼，但有（imgOrder2.indexOf（「1」）+ 1）作爲索引更有意義。 「圖片1在pos：x」現在正確顯示。我也不確定爲什麼每次都將id「sortable」添加到imgOrder2數組中，所以我刪除了它。

var imgOrder = ''; 

$(function() { 
    $("#sortable").sortable({ 
    update: function(event, ui) { 
    var imgOrder = new Array(); 

     imgOrder = $("#sortable").sortable('toArray').toString(); 
     imgOrder2 = $("#sortable").sortable('toArray'); 
     $('#ceva').text(imgOrder2); 
     $('#p1').text(imgOrder2.indexOf("1")+1); 
     $('#p2').text(imgOrder2.indexOf("2")+1); 
     $('#p3').text(imgOrder2.indexOf("3")+1); 
     $('#p4').text(imgOrder2.indexOf("4")+1); 
    } 
    }); 
    $("#sortable").disableSelection(); 


});