Jquery draggable / sortable数组只能部分工作?

时间:2012-08-10 14:31:22

标签: jquery jquery-ui-sortable jquery-ui-draggable

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

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

尝试在第二个位置移动第一张照片 - >作品 尝试移动第3个,第4个位置的第一张照片。 - >不起作用。

1 个答案:

答案 0 :(得分:0)

我不确定你在问什么,但是(imgOrder2.indexOf(“1”)+ 1)作为索引更有意义。 “pos:x中的图片1”现在正确显示。我也不确定你为什么每次都将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();


});