Javascript 将原始排序列表与当前排序列表进行比较

Javascript 将原始排序列表与当前排序列表进行比较,javascript,jquery,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,我正在使用jquerysortable,以及大量自定义函数来管理列表。我有触发可排序的函数,但我需要更改它,以便只有当列表以任何方式更改时,才运行可排序的函数 是否有一种方法可以将整个列表读入一个变量中,以便以后可以将其与当前列表进行比较 也许是这样吧 var mylist=$('#myol').attr(ids); 后来: if(mylist != $('#myol').attr(ids)) { $('#myol').trigger('sortupdate'); } 根据我的评论,

我正在使用jquerysortable,以及大量自定义函数来管理列表。我有触发可排序的函数,但我需要更改它,以便只有当列表以任何方式更改时,才运行可排序的函数

是否有一种方法可以将整个列表读入一个变量中,以便以后可以将其与当前列表进行比较

也许是这样吧

var mylist=$('#myol').attr(ids);
后来:

if(mylist != $('#myol').attr(ids)) {
    $('#myol').trigger('sortupdate');
}

根据我的评论,这里有一个简单的例子:

JavaScript

$(function() {
  var preChange, postChange;

  function equalArr(a, b) {
    console.log("Compare", a, b);
    var eq = 0;
    $.each(a, function(k, v) {
      if(a[k] != b[k]){
      eq++;
      }
    });
    return (eq ? false : true);
  }

  $("#sortable").sortable({
    start: function(event, ui) {
      preChange = $(this).sortable("toArray");
    },
    stop: function(event, ui) {
      postChange = $(this).sortable("toArray");
      $(".results").html("After change, the list is the " + (equalArr(preChange, postChange) ? "same." : "different."));
    }
  });
});
这要求列表中的每个项目都有一个
id
属性。如果您选择不使用它们,那么您需要创建一个函数来迭代列表,读取每个项目,并输出一个数组

function listToArray(target){
  var items = target.children();
  var myArray = [];
  items.each(function(){
    myArray.push($(this).text());
  });
  if(myArray.length == 0){
    return false;
  }
  return myArray;
}
请参阅:请参阅:返回项目id的数组。如果你想要一个字符串:然后你可以比较两者。