Question

我现在正在为ui-sortable jquery工作。我是通过这个链接Jquery sortable using UP / Down button来的。这个问题对我很有帮助，但我是jquery的新手。

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

以下是链接： http://jsfiddle.net/DharkRoses/gpjho4b7/2/

这是我的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.

js文件：

function newSortingOrder(){
   var order = orderList;
alert(order);
}

Answer 1

如果您已经在使用jQuery，那么JS中的按钮点击处理也是如此：

HTML：

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

JS：

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

如果您想按照自己的方式进行操作，我建议您在HTML按钮标记中将“点按”更改为“onClick”。

Answer 2

您可以使用此代码

获取最新的排序结构

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

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

ui-sortable in jquery获得最新价值

2 个答案: