我使用jquery sortable,以及一大堆自定义函数来管理列表。我有触发可排序的函数,但是我需要更改它,以便只有在列表以任何方式更改时才会运行sortable。
有没有办法将整个列表读入变量,以便我以后可以将它与当前列表进行比较?
这样的事可能吗?:
var mylist=$('#myol').attr(ids);
然后再说:
if(mylist != $('#myol').attr(ids)) {
$('#myol').trigger('sortupdate');
}
答案 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;
}