元のリストと現在のリストを比較する

Question

jquery sortableを使用しています。リストを管理するためのカスタム関数があります。私はソート可能なトリガ関数を持っていますが、リストを変更した場合にのみソート可能なように変更する必要があります。

リスト全体を変数に読み込む方法があるので、後でそれを現在のリストと比較することができますか？このような

何かが多分？：その後、

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

以降：ここ

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

Answer 1

は、私のコメントをもとに、簡単な例である：

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