jquery - Jquery 可拖动/可排序数组仅部分工作？

Question

我正在尝试创建一个可排序的照片列表，我尝试了所有我想到的由 Draggable/Sortable 生成的数组，但它不起作用，我确定我以错误的方式使用它，但它是很好奇对于原始位置和原始位置 +1（如果您将照片移动到下一个位置），它会正确报告位置，但在更高的位置，一切都会变得一团糟。

你可以在这里看到我在说什么：http: //jsfiddle.net/sovidiu/6EvFJ/

尝试将第一张照片移动到第二个位置 -> 作品 尝试将第一张照片移动到第三、第四个位置。-> 不起作用。

Answer 1

我不太确定你在问什么，但是将 (imgOrder2.indexOf("1")+1) 作为索引更有意义。“图片 1 in 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();


});