Javascript jquery中的ui sortable获取最新值

我现在正在为jquery的ui排序工作。我是通过这个链接来的。这个问题对我帮助很大，但我对jquery还不熟悉

我的问题是，我创建了一个按钮，当我单击它时，它会提醒最新的排序结构，但它不会提醒（例如1,5,3,2,4）。我错过了什么，请帮帮我

以下是链接：

这是我的html：

<div class="collection">
    <div class="item" id="1">
    <div class="LeftFloat">Item1</div>
    <div class="RightFloat Commands">
        <button value='up'>Up</button>
        <button value='down'>Down</button>
    </div>
</div>
<div class="item" id="2">
    <div class="LeftFloat">Item2</div>
    <div class="RightFloat Commands">
        <button value='up'>Up</button>
        <button value='down'>Down</button>
    </div>
</div>

<button on-click = "newSortingOrder()">getNewOrder</button> //<-- The button I created. 

---

如果您已经在使用jQuery，还可以在JS中执行按钮单击处理：

HTML:

---

如果您想按自己的方式操作，我建议将HTML按钮标记中的“单击”更改为“单击”。

您可以使用此代码获得最新的排序结构

$( "#sortable" ).sortable('toArray');

---

它将按排序顺序返回一个id属性数组。

您的演示似乎工作正常，并且不包含问题中显示的按钮。您好，对不起，我忘了更新我的小提琴。我现在更新了。p单击时请检查

应为

onclick

，但由于在fiddle中使用了加载事件函数，因此您的函数以及

orderList

不在全局命名空间中

<button id="gobutton">getNewOrder</button>   

$("#gobutton").click(function() {
  var order = orderList;
  alert(order);
});

$( "#sortable" ).sortable('toArray');