Javascript 将原始排序列表与当前排序列表进行比较
我正在使用jquerysortable,以及大量自定义函数来管理列表。我有触发可排序的函数,但我需要更改它,以便只有当列表以任何方式更改时,才运行可排序的函数 是否有一种方法可以将整个列表读入一个变量中,以便以后可以将其与当前列表进行比较 也许是这样吧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'); } 根据我的评论,
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的数组。如果你想要一个字符串:然后你可以比较两者。