javascript - JQSortable リストを変数として渡す

Question

私はJQSortableを使用していますが、私がしたいのは、onclickするボタンがあり、「#run」のリストを含む配列を作成する関数を呼び出すことです。次のような関数：

function setup(order2){
window.data = [document.getElementById("instance")];
window.data.push (order2);
//ajax request
}

リストが更新されたときに変数をグローバルにwindow.dataとして宣言し、その変数をプルするなど、さまざまなことを試してみました。リターンを使用して変数を取得するために関数自体を呼び出してみましたが、どちらもそうではないようです仕事

私はこのスレッドの答えから始めました: JQuery UI Saving Sortable List とそれ以来、変数を警告することができたので、現在私が持っている他の関数で警告するようにしようとしています:

$(function () {
    $( "#list, #run" ).sortable({
        connectWith: ".connectedSortable",
      stop: function setup ( event, ui ) {var order2 = $('#run').sortable('toArray'); return order2;}
    }).disableSelection();
});

上記の方法を使用してみましたが、「停止」の代わりに「更新」を使用してみました

変数「order2」をjqsortable関数から別の関数に取得する方法について、誰かが光を当てることができますか?

リスト:

<ul id="list" class="connectedSortable">
  <li class="ui-state-default" id='item1'>Item 1</li>
  <li class="ui-state-default" id='item2'>Item 2</li>
  <li class="ui-state-default" id='item3'>Item 3</li>
  <li class="ui-state-default" id='item4'>Item 4</li>
  <li class="ui-state-default" id='item5'>Item 5</li>
</ul>

<ul id="run" class="connectedSortable">
  <li class="ui-state-highlight" id='item6'>Item 6</li>
  <li class="ui-state-highlight" id='item7'>Item 7</li>
  <li class="ui-state-highlight" id='item8'>Item 8</li>
  <li class="ui-state-highlight" id='item9'>Item 9</li>
  <li class="ui-state-highlight" id='item10'>Item 10</li>
</ul>

それを機能させることができました：

var order2 = [];
function display(){
alert (order2);
}
$(function () {
    $( "#list, #run" ).sortable({
        connectWith: ".connectedSortable",
      stop: function setup ( event, ui ) {order2 = $('#run').sortable('toArray'); alert(order2);}
    }).disableSelection();
});

何らかの理由で、機能しない前にこれを行ったとき、関数呼び出しで何かを台無しにしたに違いありません