Jquery ui jquery可排序，更改项目顺序

是否可以在不拖动的情况下对可排序列表中的项目重新排序？ 例如，如果我有一个项目列表，比如说1,2,3，我点击一个链接（一个按钮-无论什么），列表现在是3,1,2。

---

也许我不应该使用“sortable”来进行此操作？

假设您有以下HTML：

<ul id="sortable" class="ui-sortable">


    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
    <li class="ui-state-default" style=""><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li><li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li><li class="ui-state-default" style=""><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
    <li class="ui-state-default" style=""><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li><li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>

</ul>

第3项
第2项第4项第1项
第7项第5项
第6项

通过调用以下函数，可以对列表项重新排序，而无需拖放：

function shuffle(){
    var myList = $('ul'); //Fetch the list.
    var listItems = myList.children('li'); //Extract all listItems from it.
    listItems.sort(function(a,b){ //This function sorts the items.
        var compA = $(a).text().toUpperCase();
        var compB = $(b).text().toUpperCase();
        return (compA < compB) ? -1 : 1; //return a -1 or 1 depending upon specific condition.
    });
    $(myList).append(listItems);
}

函数shuffle（）{
var myList=$（'ul'）；//获取列表。
var listItems=myList.children（'li'）；//从中提取所有listItems。
sort（函数（a，b）{//此函数对项目进行排序。
var compA=$（a.text（）.toUpperCase（）；
var compB=$（b.text（）.toUpperCase（）；
return（compA

您可以使用以下任何简单按钮调用函数：

<button onclick="shuffle();">Reorder</button>

重新排序