比较原始有序列表与当前

时间:2017-06-12 19:52:15

标签: javascript jquery jquery-ui jquery-ui-sortable

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

有没有办法将整个列表读入变量,以便我以后可以将它与当前列表进行比较?

这样的事可能吗?:

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

然后再说:

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

1 个答案:

答案 0 :(得分:0)

以下是基于我的评论的简单示例:

https://jsfiddle.net/Twisty/3x64npfw/

<强>的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;
}