Jquery 可拖动/可排序数组仅部分工作？答案

【问题标题】：Jquery draggable/sortable array only partially working?Jquery 可拖动/可排序数组仅部分工作？
【发布时间】：2012-08-10 14:31:21
【问题描述】：

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

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

尝试将第一张照片移动到第二个位置 -> 有效尝试将第一张照片移动到第 3、4 个位置。 -> 不起作用。

【问题讨论】：

老兄，我试过那个小提琴，效果很好。我正在使用铬。你用的是哪个浏览器？

标签： jquery jquery-ui-sortable jquery-ui-draggable

【解决方案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();


});

【讨论】：

非常感谢，确实 indexOf 是问题所在，现在完美运行！再次感谢！